原生js实现jquery的getJSON方法
2013-04-26 11:37
846 查看
用原生JavaScript实现jQuery的$.getJSON
$ = { getJSON:function(url,data,callback){ var call = this.urlQueryString(url)["callback"]; for(var key in data){ url += "&"+key+"="+data[key]; } //window[call] = callback; window[call] = function(data){ window[call] = undefined; try{ delete window[call]; }catch(e){} callback(data); } var script = document.createElement("script"); script.type = "text/javascript"; script.src = url; document.getElementsByTagName("body")[0].appendChild(script); script.onload = function(){ document.getElementsByTagName("body")[0].removeChild(this); } }, urlQueryString:function(url){//scoreRecode.php?callback11=callajax11&callback=callajax var url = url.split("?")[1]; var result = {},reg = /([^&=]+)=([^&]*)/g,m; while(m = reg.exec(url)){ result[m[1]] = m[2]; } return result;//Object {callback11: "callajax11", callback: "callajax"} } }; $.getJSON("aa.php?callback11=callajax11&callback=callajax",{"aa":11,"bb":22},function(data){ console.log(data); });
转载自:/article/4879415.html
相关文章推荐
- 用原生JavaScript实现jQuery的$.getJSON的解决方法
- 用原生JavaScript实现jQuery的$.getJSON的解决方法
- JS原生方法实现jQuery的ready()
- 原生JS实现元素的getElementsByClassName()方法,适用于多个类名
- jQuery原生js实现---ready方法
- jquery的ajax和getJson跨域获取json数据的实现方法
- jquery全选/全不选/反选另一种实现方法(配合原生js)
- JS原生方法实现jQuery的ready()
- JavaScript之JS原生方法实现jQuery的ready()
- jquery的ajax和getJson跨域获取json数据的实现方法
- jQuery的原生js实现---on方法
- 原生js实现jQuery的功能 width()方法实现 (二)
- html5的classList属性介绍和原生js实现jQuery的addClass,removeClass,hasClass方法
- 【JS】如何用原生JS实现jQuery的ready方法
- 使用jQuery的getJSON方法实现配置信息的状态的异步修改
- 前端跨域问题相关知识详解(原生js和jquery两种方法实现jsonp跨域)
- 使用Jquery中getJSON和getScript方法实现跨域
- 原生js实现jQuery的ready方法
- JavaScript Tag标签切换实现的几种方法 原生js + jquery
- 前端那些事之原生js实现jquery常用方法