ajax跨域请求的问题

前端之家收集整理的这篇文章主要介绍了ajax跨域请求的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

使用getJson跨域请求,需要向服务器发送一个参数callback=?

 $.getJSON("http://appcenter.mobitide.com/admin/appSearch.PHP?callback=?",{keyboard: keyboardval,searchget:1,page:1}....
    $(function(){
        $('#search_btn').click(function (){
            var keyboardval = $('#search').val();
            $.getJSON("http://appcenter.mobitide.com/admin/appSearch.PHP?callback=?",page:1},function(data){
                    if(data.err_msg == "success"){
                          appendData(data,keyboardval,'');
                    }else{
                        var s = $("#search").val();
                        var msg = '暂时没有'+'<span style="color:#2c7fd2;">"'+s+'"'+'</span>相关的搜索内容'
                        $(".search_ts").html(msg)
                        
                    }
            }); 

服务器端返回:需要返回callback这个参数,返回json数据格式应该如这样:string message = "jsonp1294734708682({\"userid\":0,\"username\":\"null\"})";

Jquery 在每次跨域发送请求时都会有callback这个参数,其实这个参数的值就是回调函数名称,所以,服务器端在发送json数据时,应该把这个参数放到前面,这个参数的值往往是随机生成的,如:jsonp1294734708682,同时也可以通过 $.ajax 方法设置 callback 方法名称。明白了原理后,服务器端应该这样发送数据:

string message = "jsonp1294734708682({\"userid\":0,\"username\":\"null\"})";

这样,json 数据 {\"userid\":0,\"username\":\"null\"} 就作为了 jsonp1294734708682 回调函数的一个参数

跨域获得Json时invalid label的解决办法:

服务器端在输出 Json 数据时,前面加上 callback 参数的值,如:jsonp1294734708682({\"userid\":0,\"username\":\"null\"})

详细出处参考:http://www.jb51.net/article/25970.htm#50347-tsina-1-20339-fe90445b441dc02e06e924681e164bcd

原文链接:https://www.f2er.com/ajax/162417.html

猜你在找的Ajax相关文章