I have the following function:
var id = "10";
var type = "Type A";
var img = "myimage.jpg";
jQuery.post("my/path/somefile.php", { instance: 'getUrl', ID : id, type: type},
function(data)
{
jQuery('#logo').attr("src",data.url + img);
},"json");
- How can I get the value of
img
when I'm inside the function? - How can I sett
img = new value
from inside the function?
UPDATE
This code does NOT give a new value to the variable:
logoUrl = "noLogo.png";
jQuery.post("my/path/somefile.php", { instan开发者_运维技巧ce: 'getUrl', ownerID : "123", type: "brand"},
function(logo)
{
logoUrl = logo.url + "logo/";
},"json");
alert(logoUrl); // This outputs noLogo.png"
UPDATE
When working with callback functions, its important to pay attention to execution flow:
var img = "nice.jpg";
$.post('/path', { key: value }, function(data){
img = "newname.jpg";
});
alert(img); // Alerts "nice.jpg"
It is because any code occurring after the callback (but not in the callback function) is executed first:
- Set
img
tonice.jpg
- Call
$.post
- Call
alert
- Set
img
tonewname.jpg
Original answer:
If the code you are using exists exactly as you posted it, then:
img
is already available inside your anonymous callback function.- Yes, you can change the value of
img
from inside the function as well.
When you declare variable with the var
keyword, it is private to its current scope, but is available to any other contexts contained within its scope:
WORKS
function getPost(){
var img = "nice.jpg";
$.post('/path', {key:value}, function(data){
alert(img); // alerts "nice.jpg"
});
}
DOES NOT WORK
function changeImage(){
var img = "nice.jpg";
getPost();
}
function getPost(){
$.post('/path', {key:value}, function(data){
alert(img); // img is undefined
});
}
You should be able to do exactly what you have there - globals are visible inside functions unless there's already a local variable of the same name declared.
精彩评论