AJax技术

74、django之ajax补充(2)

字号+ 作者:H5之家 来源:H5之家 2017-12-06 13:01 我要评论( )

script function f(){$.ajax({url: "http://127.0.0.1:7766/SendAjax/" ,dataType: "jsonp", // 必须有,告诉server,这次访问要的是一个jsonp的结果。 jsonp: "callbacks", // jQuery帮助随机生成的:callbacks="w

<script> function f(){ $.ajax({ url:"http://127.0.0.1:7766/SendAjax/", dataType:"jsonp", //必须有,告诉server,这次访问要的是一个jsonp的结果。 jsonp: "callbacks", //jQuery帮助随机生成的:callbacks="wner" success:function(data){ alert("hi "+data) } }); } </script>

8002的views不改动

jsonp: "callbacks"就是定义一个存放回调函数的键,jsonpCallback是前端定义好的回调函数方法名"SayHi",server端接受callback键对应值后就可以在其中填充数据打包返回了;jsonpCallback参数可以不定义,jquery会自动定义一个随机名发过去,那前端就得用回调函数来处理对应数据了。利用jQuery可以很方便的实现JSONP来进行跨域访问。

注意 JSONP一定是GET请求

4、应用

<input type="button" value="跨域Ajax" /> <div></div> <script type="text/javascript"> function AjaxRequest() { $.ajax({ url: "http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403", type: "GET", dataType: "jsonp", jsonp: "callback", jsonpCallback: "list", success: function (data) { $.each(data.data,function(i){ var item = data.data[i]; var str = "<p>"+ item.week +"</p>"; $("#container").append(str); $.each(item.list,function(j){ var temp = "<a href="" + item.list[j].link +"">" + item.list[j].name +" </a><br/>"; $("#contai昌吉新闻网ner").append(temp); }); $("#container").append("<hr/>"); }) } }); } </script>

当前文章:

发布时间:2017-12-06 02:57:14

福州信息港  澳门新葡京  全讯网  网上赌场  39康复网  线上赌博网站  全讯网  线上赌博网站  全讯网  网上赌场  

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评