Jsonp

原生跨域请求数据

复制代码
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 <div id="content"></div>
 9 <button onclick="jsonp()">提交</button>
10 
11 <script src="/static/jquery-1.11.0.js"></script>
12 <script>
13     function jsonp() {
14         var tag=document.createElement("script");
15         tag.src="http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403";
16         document.head.appendChild(tag);
17         document.head.removeChild(tag);
18     }
19 
20     function list(arg) {
21         console.log(arg);
22     }
23 </script>
24 </body>
25 </html>
跨域请求数据HTML页面
复制代码

 jQuery跨域请求数据

复制代码
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 <div id="content"></div>
 9 <button onclick="jsonp()">提交</button>
10 <button onclick="ajax_jsonp()">ajax提交</button>
11 
12 <script src="/static/jquery-1.11.0.js"></script>
13 <script>
14     function ajax_jsonp() {
15         $.ajax({
16             url:"http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403",
17             type:"GET",
18             dataType:"jsonp"
19         })
20     }
21 
22     function list(arg) {
23         console.log(arg);
24     }
25 
26 </script>
27 </body>
28 </html>
jQuery跨域请求数据
复制代码

 

posted @   佛祖让我来巡山  阅读(121)  评论(0)  编辑  收藏  举报
编辑推荐：
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配，妙~啊~

佛祖让我来巡山博客站 - 创建于 2018-08-15

开发工程师个人站，内容主要是网站开发方面的技术文章，大部分来自学习或工作，部分来源于网络,希望对大家有所帮助。

Bootstrap中文网

点击右上角即可分享
微信分享提示
SQL AI 助手