我知道这已被问过无数次,但我仍然无法让我的代码工作.我正在尝试从我的Javascript应用程序中进行简单的JSONP调用.鳕鱼片段看起来像:
url="http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=AAA&callback=?";
然后是:
$.getJSON(url,function(data) { alert('hello 1'); });
要么:
$.ajax({url: url,datatype: 'jsonp',success: function(data) { alert("hello 2"); },error: function(j,t,e) { alert(t);} });
这两种方法都不奏效.第二种方法导致“错误”的警报.第一个也没有成功.我究竟做错了什么?非常感谢!!
更新:我想我至少发现了一个问题.让我看看这个.
更新2:对不起,这段代码实际上是有效的,至少是第一种方法.这个代码片段周围有一个微妙的错误导致代码不能正常工作,但整体而言这很好.异步调用有时候有点棘手:-)
解决方法
查看
JsFIddleDemo
/* * create callbak function for jsonP * @params * data is response from http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=AAA&callback=myjsonpfunction */ function myjsonpfunction(data){ alert(data.responseData.results) //showing results data $.each(data.responseData.results,function(i,rows){ alert(rows.url); //showing results url }); } //request data using jsonP $(function(){ $.ajax({ url:'http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=AAA&callback=myjsonpfunction',type:"GET",dataType: 'jsonp',jsonp: 'myjsonpfunction',async:'true',success:function (data) { //alert("success"); } }); });
你需要写一个回调参数和回调函数,如果你没有设置回调,google ajax apis将只返回json.
如果你设置这样的URL
http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=AAA&callback=?(another)
反应是
{“responseData”:null,“responseDetails”:“错误或缺少回调或上下文”,“responseStatus”:400}
原文地址:https://www.jb51.cc/jquery/181392.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。