使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据呢 30
使用$.ajax设置dataType="jsonp",跨域请求一个接口，页面会报js错误：SyntaxError:missing;beforestatement写法：fu...
使用$.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 ；
求大神们解惑。 展开
页面会报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 ；
求大神们解惑。 展开
11个回答
展开全部
使用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+等。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的请求少了一个回掉函数的参数 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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
返回的数据格式不对，应该返回的格式为： callback（data）
callback是回掉函数名，data 是回调的数据。
不知道哪位大神知道如何使用 字符串进行回调，不使用json 。免去在服务器端把callback 函数名拼接上去。
callback是回掉函数名，data 是回调的数据。
不知道哪位大神知道如何使用 字符串进行回调，不使用json 。免去在服务器端把callback 函数名拼接上去。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
jsonp不能使用post作为方法。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
因为服务器端返回的数据格式不对 应该 callback({})，这种格式
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（9）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
