I've got the following function:
function postToDrupal(contacts, source, owner) {
(function ($) {
$.post("/cloudsponge-post",function(contacts) {
alert(contacts);
});
}(jQuery));
}
The problem I'm having is, contacts seems to be defined outside the jQuery closure, but not inside it. I'm a javascript newbie so this is confusing me. How can I get this to post contacts?
You're masking the variable with a new variable with the same name when you re-use the name as the AJAX call's callback function parameter.
function postToDrupal(contacts, source, owner) {
(function ($) {
$.post("/cloudsponge-post",function(data) { // <-- !!
console.log(contacts); // the first parameter of postToDrupal()
console.log(data); // the response from the AJAX call
});
}(jQuery));
}
You don't need to have contacts as a parameter again in your $.post() function.
If you do, you are making another variable local to $.post.
In javascript, variables are local to functions, not blocks.
I love this article: http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html
It's a very good read on understanding javascript scoping. Also there's something called "hoisting" you should know about.
Try this one:
function postToDrupal(contacts, source, owner) {
$.post("/cloudsponge-post",function(responseData) {
alert(responseData);
alert(contacts);
});
}
you can use this as syncronus ajax call. Rewriting the code and use it.
function postToDrupal(contacts, source, owner) {
var result = undefined;
$.ajax( {
type : 'GET',
url : '/cloudsponge-post',
async: false,
success : function(contacts) {
result = contacts;
}
});
return result;
}
contacts variable inside the success callback)