解决ajax异步传输数据,return返回为undefined的问题

ajax获取到后台值后return不起作用,分下如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function GetUserInfo(tp) {
    var username;
    $.ajax({
        type: "POST",
        cache: false,
        data: "type=exlogin&tp=" + tp,
        url: "Handle/OpeartionHandler.ashx",
        success: function(userinfo) {
            username = userinfo;
        }, error: function(data) {
            username = "";
        }
    });
    return username;
}


对于此方法调用之后会一直返回undefined,原因是Jquery的ajax是异步的,所以大多时候没执行完AJAX就return htmlcontent了,所以会一直返回undefined, 

解决方法:添加async: false,即修改此方法为同步

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function GetUserInfo(tp) {
    var username;
    $.ajax({
        type: "POST",
        cache: false,
        data: "type=exlogin&tp=" + tp,
        async: false,
        url: "Handle/OpeartionHandler.ashx",
        success: function(userinfo) {
            username = userinfo;
        }, error: function(data) {
            username = "";
        }
    });
    return username;
}


以上方法,可以实现,获取到return的值,但是不推荐使用。




推荐用传入函数的方式获取 ajax return的值。


http://www.jb51.net/article/28597.htm



   本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1548434,如需转载请自行联系原作者





上一篇:Java中的字符串


下一篇:三步实现Django Paginator 分页