使用Script元素发送JSONP请求的方法


Posted in Javascript onJune 12, 2016

使用Script元素发送JSONP请求的方法

// 根据指定URL发送一个JSONP请求 
//然后把解析得到的相应数据传递给回调函数 
//在URL中添加一个名为jsonp的查询参数,用于指定该请求的回调函数的名称 
function getJSONP(url, callback){ 
 //为本次请求创建一个唯一的回调函数名称 
 var cbnum = "cb"+getJSONP.counter++; 
 var cbname = "getJSONP."+cbnum;   
 
 if(url.indexof("?") === -1){ 
  url += "?jsonp="+cbname; 
 }else { 
  url += "&jsonp="+cbname; 
 } 
 
 var script = document.createElement("script"); 
 
 getJSONP[cbnum] = function(response){ 
  try{ 
   callback(response); 
  }finally{ 
   delete getJSONP[cbnum]; 
   script.prentNode.removeChild(script); 
   }  
  }; 
 
  script.src = url; 
  document.body.appendChild(script); 
 
} 
 
getJSONP.counter = 0;

以上这篇使用Script元素发送JSONP请求的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js获取客户端网卡的IP地址、MAC地址
Mar 26 Javascript
javascript常用功能汇总
Jul 05 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
Jun 15 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
JavaScript与Java正则表达式写法的区别介绍
Aug 15 Javascript
web前端vue之CSS过渡效果示例
Jan 10 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 Javascript
详解微信小程序的 request 封装示例
Aug 21 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
Sep 26 Javascript
vue-resource:jsonp请求百度搜索的接口示例
Nov 09 Javascript
分享一个vue实现的记事本功能案例
Apr 11 Vue.js
Vue3实现简易音乐播放器组件
Aug 14 Vue.js
JavaScript获取IP获取的是IPV6 如何校验
Jun 12 #Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
Jun 12 #Javascript
Javascript简写条件语句(推荐)
Jun 12 #Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 #Javascript
JavaScript_ECMA5数组新特性详解
Jun 12 #Javascript
喜大普奔!jQuery发布 3.0 最终版
Jun 12 #Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 #Javascript
You might like
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
php数据库密码的找回的步骤
2011/01/12 PHP
php高级编程-函数-郑阿奇
2011/07/04 PHP
PHP函数microtime()用法与说明
2013/12/04 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
php去除数组中重复数据
2014/11/18 PHP
smarty模板引擎从配置文件中获取数据的方法
2015/01/22 PHP
PHP微商城开源代码实例
2019/03/27 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
jQuery 联动日历实现代码
2012/05/31 Javascript
玩转方法:call和apply
2014/05/08 Javascript
IE下通过a实现location.href 获取referer的值
2014/09/04 Javascript
JavaScript通过prototype给对象定义属性用法实例
2015/03/23 Javascript
js学习阶段总结(必看篇)
2016/06/16 Javascript
jQuery时间日期三级联动(推荐)
2016/11/27 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
2020/12/30 Javascript
JS实现查找数组中对象的属性值是否存在示例
2019/05/24 Javascript
前端Electron新手入门教程详解
2019/06/21 Javascript
Vue实现菜单切换功能
2020/11/08 Javascript
matplotlib绘图实例演示标记路径
2018/01/23 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
python实现邮件发送功能
2019/08/10 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
怎样实现H5+CSS3手指滑动切换图片的示例代码
2019/05/05 HTML / CSS
size?德国官方网站:英国伦敦的球鞋精品店
2018/03/17 全球购物
自考生自我鉴定范文
2013/10/01 职场文书
高中语文教学反思
2014/01/16 职场文书
2014年医院后勤工作总结
2014/12/06 职场文书
台风停课通知
2015/04/24 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
python四种出行路线规划的实现
2021/06/23 Python
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript