使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据呢

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据呢相关的知识,希望对你有一定的参考价值。

使用$.ajax 设置dataType="jsonp" ,跨域请求一个接口,
页面会报js错误:SyntaxError: missing ; before statement

写法:
function popr(id,apkid,mac,channelid)
//var ctx = "http://192.168.254.220:8082";
var url = ctx+"/apkpop.do";
var data = "popid="+id+"&channelId="+channelid+"&apkid="+apkid+"&mac="+mac+"&popmode="+popmode ;
$.ajax(
cache:false,
type:"post",
url:url,
data:data,
dataType:"jsonp",
success:function(r)
alert(r);
,
error : function(r)
alert('faill');

);

该请求已经请求成功, 该请求地址会返回一个json数据 status:1 成功或失败。
但是就是会报一个上面的js错误, 而且, 始终只会进入 error的方法里面 ,打印 faill。
再次表示请求已经成功。 请求状态码为 200 ;

求大神们解惑。

使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据是设置错误造成的,解决方法为:

1、创建基本的文件结构json_ajax.html和json_ajax.php,下载jquery.js。

2、如图分别编写json_ajax.html和json_ajax.php文件的编码。

3、分别在w(l)amp环境下运行json_ajax.html和json_ajax.php。

4、经过源码和运行结果的分析,知道了在json_ajax.html中设置了按钮的点击事件,点击按钮。

注意事项:

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

参考技术A

你的请求少了一个回掉函数的参数 jsonpCallback。正确的请求方式如下:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>jQuery实现JSONP</title></head><body>
    <div id="mydiv">
        <button id="btn">点击</button>
    </div></body><script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script><script type="text/javascript">
    $(function()
        $("#btn").click(function()

            $.ajax(
                async : true,
                url : "https://api.douban.com/v2/book/search",
                type : "GET",
                dataType : "jsonp", // 返回的数据类型,设置为JSONP方式
                jsonp : 'callback', //指定一个查询参数名称来覆盖默认的 jsonp 回调参数名 callback
                jsonpCallback: 'handleResponse', //设置回调函数名
                data : 
                    q : "javascript", 
                    count : 1
                , 
                success: function(response, status, xhr)
                    console.log('状态为:' + status + ',状态是:' + xhr.statusText);
                    console.log(response);
                
            );
        );
    );</script></html>

参考技术B 返回的数据格式不对,应该返回的格式为: callback(data)

callback是回掉函数名,data 是回调的数据。

不知道哪位大神知道如何使用 字符串进行回调,不使用json 。免去在服务器端把callback 函数名拼接上去。
参考技术C jsonp不能使用post作为方法。 参考技术D 因为服务器端返回的数据格式不对 应该 callback(),这种格式

jQuery使用JSONP实现跨域请求

$.ajax({
     type: "get",
     async: false,
     url: "http://apppay.xyz/apppay.php",
     dataType: "jsonp", // 返回的数据类型,设置为JSONP方式
     jsonp: "callbackname",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
     jsonpCallback:"callbackname",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
     success: function(json){
         console.log(json);
     },
     error: function(){
        //  alert(\'fail\');
     }
});

作者:小小书童
网站:apppay.xyz
欢迎学习交流

以上是关于使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据呢的主要内容,如果未能解决你的问题,请参考以下文章

jQuery使用JSONP实现跨域请求

跨域请求之jQuery的ajax jsonp的使用解惑

使用 jQuery 进行跨域 ajax JSONP 请求

使用 jQuery 进行跨域 ajax JSONP 请求

jquery ajax参数

Ajax解决跨域--jQuery发送jsonp请求