使用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 拼图游戏 面向对象,注释完整。
Jun 18 Javascript
Javascript中arguments和arguments.callee的区别浅析
Apr 24 Javascript
JavaScript创建对象的方式小结(4种方式)
Dec 17 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
May 24 Javascript
JS控制层作圆周运动的方法
Jun 20 Javascript
vue2.0 和 animate.css的结合使用
Dec 12 Javascript
webpack+vue2构建vue项目骨架的方法
Jan 09 Javascript
解决VUE中document.body.scrollTop为0的问题
Sep 15 Javascript
记一次vue-webpack项目优化实践详解
Feb 17 Javascript
JS实现页面鼠标点击出现图片特效
Aug 19 Javascript
浅谈es6中的元编程
Dec 01 Javascript
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
PHP图片上传类带图片显示
2006/11/25 PHP
php基础知识:函数基础知识
2006/12/13 PHP
PHP去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
php实现读取内存顺序号
2015/03/29 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
Javascript实现的分页函数
2006/12/22 Javascript
一句话JavaScript表单验证代码
2009/08/02 Javascript
JQuery扩展插件Validate—4设置错误提示的样式
2011/09/05 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
2012/01/08 Javascript
JQuery设置和去除disabled属性的5种方法总结
2013/05/16 Javascript
判断字符串的长度(优化版)中文占两个字符
2014/10/30 Javascript
jQuery弹出层插件Lightbox_me使用指南
2015/04/21 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
js获取鼠标位置实例详解
2015/12/09 Javascript
深入理解js中this的用法
2016/05/28 Javascript
ionic 自定义弹框效果
2017/06/27 Javascript
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
Python易忽视知识点小结
2015/05/25 Python
详解python多线程之间的同步(一)
2019/04/03 Python
python中return的返回和执行实例
2019/12/24 Python
pandas中read_csv、rolling、expanding用法详解
2020/04/21 Python
南京迈特望C/C++面试题
2012/07/09 面试题
用友笔试题目
2016/10/25 面试题
编程用JAVA解析XML的方式
2013/07/07 面试题
国际政治个人自荐信范文
2013/11/26 职场文书
大家检讨书5000字
2014/02/03 职场文书
教师个人师德总结
2015/02/06 职场文书
2016公司年会通知范文
2015/04/25 职场文书
2015年度校学生会工作总结报告
2015/05/23 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
pytorch 如何使用amp进行混合精度训练
2021/05/24 Python