python&JSONP(Jquery篇)

Posted 。低调ヽ继续

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了python&JSONP(Jquery篇)相关的知识,希望对你有一定的参考价值。

采用Jquery发送跨域请求:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8     <h1>后台获取结果</h1>
 9     {{ result }}
10     <h1>JS直接获取结果</h1>
11     <input type="button" value="XHR数据" onclick="xhrContent();">
12     <input type="button" value="JSONP数据" onclick="getContent();">
13     <input type="button" value="Jquery数据" onclick="JqueryContent();">
14     <div id="container"></div>
15     <script src="/static/jquery.min.js"></script>
16     <script>
17         function JqueryContent(){
18             $.ajax({
19                 url:"http://www.jxntv.cn/data/jmd-jxtv2.html?_=14543768704003",
20                 type:"POST",
21                 dataType:"jsonp", // 请求格式
22                 jsonp:"callback",  // 参数名
23                 jsonpCallback:"list" // 默认回调函数
24             })
25         }
26         function list(arg){
27             console.log(arg)
28         }
29         function xhrContent(){
30             var xhr = new XMLHttpRequest();
31             xhr.open(GET,http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=14543768704003);
32             xhr.onreadystatechange = function(){
33                 console.log(xhr.responseText);
34             }
35             xhr.send();
36         }
37         function getContent(){
38             var tag = document.createElement(script);
39             tag.src= http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=14543768704003;
40             document.head.appendChild(tag); // 表示创建一个标签,并且放到head中
41             document.head.removeChild(tag);
42         }
43         function list(arg){
44             console.log(arg);
45         }
46     </script>
47 </body>
48 </html>

 

以上是关于python&JSONP(Jquery篇)的主要内容,如果未能解决你的问题,请参考以下文章

带有jQuery getJSON(回调)的JSONP公共API(MySql)

如何让 JSONP 与 jQuery 一起工作?

使用 jQuery.ajax 和 JSONP 设置标题?

使用 JSONP 和 JQuery 调用 REST Api

有没有办法在 CodeIgniter 中使用 jQuery JSONP 而不打开查询字符串?

在 AngularJS 中创建 JSONP API 并使用 jQuery