这篇文章主要介绍了javascript跨域请求包装函数与用法,结合实例形式分析了javascript基于ajax的跨域请求封装函数与相关使用技巧,需要的朋友可以参考下
本文实例讲述了javascript跨域请求包装函数与用法。分享给大家供大家参考，具体如下：
一、源码
// 定义AJAX跨域请求的JSON (function(){ if(typeof window.$JSON== 'undefined'){ window.$JSON= {}; }; $JSON._ajax = function(config){ config = config[0] || {}; this.url = config.url || ''; this.type = config.type || 'xhr'; this.method = (this.type == 'json') ? 'GET' : config.method.toUpperCase() || 'GET'; this.param = config.param || null; this.callback = config.callback || {}; this.XHR = null; if(typeof window._$JSON_callback == 'undefined'){ window._$JSON_callback = {}; } this._createRequest(); }; $JSON._ajax.prototype = { // 缓存XHR请求，再次再调用时不再进行判断 _createXHR : function(){ var methods = [ function(){ return new XMLHttpRequest(); }, function(){ return new ActiveXObject('Msxml2.XMLHTTP'); }, function(){ return new ActiveXObject('Microsoft.XMLHTTP'); } ]; for(var i = 0, l = methods.length; i 二、调用方式
//调用方式 var ajax = new $JSON.ajax({ url : 'http://www.sina.com/api', type : 'json', method : 'get', param: { bar: true }, callback : { success : function(data){ console.log( '55668',data); }, failure : function(error){ alert(errow); } } }); 更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
以上就是javascript跨域请求包装函数与用法示例的详细内容，更多请关注0133技术站其它相关文章！
