jquery中的$.post()中的回调函数中能设置外界参数的值吗？

Question

$(function(){
//获取表单元素设置其提交函数
$.("#form").submit(function(){
var t = false;
$.post(
"login.action",
{"id":id,"pwd":pwd},
function(data){
//传回来的值是true或false
if(data=="true"){
t = true;//修改外界t的值
alert(t);//此处如果程序能进来，t=true
}else{
t = false;//修改外界t的值
}
},"text"
);
alert(t);//即使data为true进入了if函数，但t值为什么不改变？t=false
return t;
});
)};

Answer 1

你在页面有两个alert,，应该会出现两次才对。第一次应该是false,第二次应该由data来决定。因为你使用的是AJAX，默认是异步的，因此当代码执行到$.post()时，并不会等它结果，而是继续向下执行，到了第二个alert的位置，这时t应该还是最初你设定的var t = false;所以会显示false.

还有，alert()会中断正在执行的代码。不太方便测试某变量的值，你可以将此变量的值写入一个窗口内，比如将alert(t);改为$("title").html(t);//将t的值写进页面的title中，可以直接在浏览器看到。

追问

估计原因是这样的，回调函数中值确定已经改变，我试着改成同步试下

Answer 2

因为你这个是匿名函数的原因吧。

你试着把那段代码提出来作为一个函数试试。
同时把var t提出来到 $(function...外面。

追问

提取函数为function f(){}，然后在action标签的onsubmit="return f();"效果还是一样的，没用啊

追答

不是，是把下面这个提取出去

function(data){
//传回来的值是true或false
if(data=="true"){
t = true;//修改外界t的值
alert(t);//此处如果程序能进来，t=true
}else{
t = false;//修改外界t的值
}
}

追问

回调函数无法提取出来的，那是$.post()的固定格式

追答

试试这么定义t
this.t = false;

Answer 3

变量scope的关系。
修改方法，把var t = false;放到函数外部，作为全局变量

追问

我也试过了，还是一样，变量结果在post回调函数内可以改变，出了post后就自动变回去了

追答

var t = false;

$(function(){
//获取表单元素设置其提交函数
$.("#form").submit(function(){
$.post(
"login.action",
{"id":id,"pwd":pwd},
function(data){
//传回来的值是true或false
if(data=="true"){
t = true;//修改外界t的值
alert(“t changed to true");//此处如果程序能进来，t=true
}else{
t = false;//修改外界t的值
}
},"text"
);
alert(t);//即使data为true进入了if函数，但t值为什么不改变？t=false
return t;
});
)};

你确定试过了？

追问

确定，变量提取到最外面了，包括上面一位仁兄的方法也试了，还是这样

追答

首先，你那个函数有语法错误，其次，你可以弄个fail的callback看看有没有调回data。最后，在firebug或者chrome的console里弄个断点追踪下不就出来了。

Answer 4

骚年 研究一下闭包哇