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

发布网友发布时间：2022-04-27 13:24

我来回答

共11个回答

热心网友时间：2022-04-06 07:08

使用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+等。

热心网友时间：2022-04-06 08:26

你的请求少了一个回掉函数的参数 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>

热心网友时间：2022-04-06 10:00

返回的数据格式不对，应该返回的格式为： callback（data）

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

不知道哪位大神知道如何使用字符串进行回调，不使用json 。免去在服务器端把callback 函数名拼接上去。

热心网友时间：2022-04-06 11:52

jsonp不能使用post作为方法。

热心网友时间：2022-04-06 14:00

因为服务器端返回的数据格式不对应该 callback({})，这种格式

热心网友时间：2022-04-06 16:24

把这个属性 dataType:"jsonp", 去掉就可以了

热心网友时间：2022-04-06 19:06

jsonp 只支持get请求不支持 post

热心网友时间：2022-04-06 22:04

参考以下解决方案：

热心网友时间：2022-04-07 01:18

请问解决了吗？我也碰到这问题了。。。

热心网友时间：2022-04-07 04:50

页面会报js错误：SyntaxError: missing ; before statement
看看哪里用了中文的分号。另外在error里面把error信息打印出来。
console.log(r)

热心网友时间：2022-04-07 08:38

贴的挺详细的，请求是没问题的，问题应该出现在响应的servlet了，贴代码看一下