web前端|js教程
javascript,jsonp,ajax
web前端-js教程
Ajax请求
外卖人8.6源码,vscode不想折腾,ubuntu退出终端指令,tomcat 网页访问,sqlite命令查询,冒泡的对话框小插件ppt模板,工作台前端框架,爬虫轰炸源码,php mysql数据库,seo 分隔符,音乐网站源码,html5网页字体格式转换,emlog唯美仙剑风模板,天气页面源码,慧林虚拟主机管理系统下载,小程序客服开源源码lzw
jquery ajax函数
双语 响应式网站源码,ubuntu升级后闪烁,tomcat同时两个网站,小龟爬虫,在线学习php视频教程,银行seo推广lzw
封装了一个ajax的函数，代码如下：
手机网页特效源码,ubuntu系统中文叫法,tomcat服务器未响应,制作爬虫程序视频,php开发共享电动车,内容营销 seolzw
var Ajax = function(url, type success, error) {$.ajax({url: url,type: type,dataType: json,timeout: 10000,success: function(d) {var data = d.data;success && success(data);},error: function(e) {error && error(e);}});};// 使用方法：Ajax(/data.json, get, function(data) {console.log(data);});
jsonp方式
有时候我们为了跨域，要使用jsonp的方法，也封装了一个函数：
function jsonp(config) {var options = config || {}; // 需要配置url, success, time, fail四个属性var callbackName = (jsonp_ + Math.random()).replace(".", "");var oHead = document.getElementsByTagName(head)[0];var oScript = document.createElement(script);oHead.appendChild(oScript);window[callbackName] = function(json) { //创建jsonp回调函数oHead.removeChild(oScript);clearTimeout(oScript.timer);window[callbackName] = null;options.success && options.success(json); //先删除script标签，实际上执行的是success函数};oScript.src = options.url + ? + callbackName; //发送请求if (options.time) { //设置超时处理oScript.timer = setTimeout(function () {window[callbackName] = null;oHead.removeChild(oScript);options.fail && options.fail({ message: "超时" });}, options.time);}};// 使用方法：jsonp({url: //b.json,success: function(d){//数据处理},time: 5000,fail: function(){//错误处理} });
如果觉得《javascript中ajax和jsonp使用技巧代码详解》对你有帮助，请点赞、收藏，并留下你的观点哦！
