导航:首页 > 文件教程 > ajax与json教程

ajax与json教程

发布时间:2025-03-25 04:53:17

jsonp ajax 跨域访问怎么实现的

说说个人理解。首先需要知道几个知识:

  1. 跨域js是允许的。比如你在localhost跑一段html,里面引用了<script href="http://www..com/xxxx.js"></script>这是完全允许的。

  2. 动态加载js是允许的。可以通过js创建一个<script>,设置它的href="http://跨域域名/xxx.js",然后appendChild到<head>里去,浏览器会加载这段js并执行。

  3. js的href可以指向动态脚本,比如<script href="http://某域名/xxx.php?key1=value1&key2=value2">

  4. jsonp请求,服务器给的返回值实质上是js代码。jsonp是利用1 2和3的特点来实现的。


jsonp的具体过程为:

  1. 请求前,写好一个回调函数比如jsonpCallback = function(data) { ... }。

  2. 请求时,利用1 2 3的特性,加载一个js文件:url形如"http://跨域域名/jsonp.php?callback=jsonpCallback&其它参数"。

  3. 服务器读区callback函数的函数名,计算好要返回的值比如data={a:b, c:d},拼接一段js代码:jsonpCallback(data)。传给客户端的内容变成jsonpCallback({a:b, c:d})

  4. 前端拿到js代码,执行jsonpCallback({a:b, c:d}),jsonp的过程完成。

阅读全文

与ajax与json教程相关的资料

热点内容
为什么淘宝app是黑色的 浏览:17
如何在cad中把图形输出为pdf文件 浏览:535
文件夹横签 浏览:988
extjs5mvc 浏览:614
win7如何安装数据库 浏览:647
informix数据库倒数卸数 浏览:983
华硕p7h55mplus升级 浏览:240
servlet调用jsp 浏览:481
文件的命名原则有哪些 浏览:352
苹果的文件管理是哪个 浏览:387
智能黑板如何给pdf文件做批注 浏览:788
哈弗智联app如何绑定二手车 浏览:728
cad文件不多可是异常增大 浏览:872
苹果手机怎样将音频文件导入剪映 浏览:432
2016秋季飞歌导航升级 浏览:151
电脑字符串怎么编程 浏览:381
暴风不能在线观看视频文件 浏览:267
三国卡可以升级吗 浏览:939
如何筛选出相同数据 浏览:311
vbox文件找不到 浏览:49

友情链接