用JS写的一个Ajax库(实例代码)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了用JS写的一个Ajax库(实例代码),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4619字,纯文字阅读大概需要7分钟。
内容图文
![用JS写的一个Ajax库(实例代码)](/upload/InfoBanner/zyjiaocheng/351/ce9daf8c248c4d53b19fcb4705d25c79.jpg)
myajax是一个用js编写的一个跨浏览器的ajax库,支持get, post, jsonp请求,精巧,简单。
一、发送GET请求:
myajax.get({ <span style="white-space:pre"> </span>data: {}, //参数 url: "", //请求地址 //发生错误是调用 error: function(data) { }, //请求成功调用 success: function(data){ <span style="white-space:pre"> </span>//eval(data); 将字符串转换成json } });
二、发送POST请求:
myajax.post({ data: {}, //参数 url: "", // //发生错误是调用 error: function(data) { }, //请求成功调用 success: function(data){ //eval(data); 将字符串转换成json } });
三、发送JSONP请求:
myajax.getJSONP({ //参数 data: { }, url: "", //请求地址 //请求成功调用 success: function(data) { }, //发生错误时调用 error: function() { } });
源码:
var myajax = { post: function(params){ var xmlhttp = this.createXMLHttpRequest(); if (xmlhttp != null) { var async = true; if (typeof params.async != "undefined") async = params.async; var data = null; if (typeof params.data != "undefined") data = params.data; var url = ""; if (typeof params.url != "undefined") url = params.url; if (url == null || url.length == 0) return; xmlhttp.open("POST", url, async); if (async){ xmlhttp.onreadystatechange = function(){ if (this.readyState==4){ if (this.status==200){ if (typeof params.success != "undefined") { params.success(xmlhttp.responseText); } } else { if (typeof params.error != "undefined") { params.error(xmlhttp.status + xmlhttp.statusText); } console.error(url + ": " + xmlhttp.status); } } }; } xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); var param = ""; for (var prop in data) { param += prop + "=" + data[prop] + "&"; } param = param.substring(0, param.length - 1); xmlhttp.send(param); if (!async) { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) if (typeof params.success != "undefined") { params.success(xmlhttp.responseText); } else { if (typeof params.error != "undefined") { params.error(xmlhttp.status + xmlhttp.statusText); } console.error(url + ": " + xmlhttp.status); } } } }, get: function(params){ var xmlhttp = this.createXMLHttpRequest(); if (xmlhttp != null) { var async = true; if (params.async != undefined) async = params.async; var url = ""; if (params.url != undefined) url = params.url; if (url == null || url.length == 0) return; if (params.data != null) { var data = params.data; var paramPrefix = url.indexOf("?") == -1 ? "?" : "&"; url = url + paramPrefix; for (var prop in data) { url += prop + "=" + data[prop] + "&"; } url = url.substring(0, url.length - 1); } xmlhttp.open("GET", url, async); if (async){ xmlhttp.onreadystatechange = function(){ if (this.readyState==4){ if (this.status==200){ if (typeof params.success != "undefined") { params.success(xmlhttp.responseText); } } else { if (typeof params.error != "undefined") { params.error(xmlhttp.status + xmlhttp.statusText); } console.error(url + ": " + xmlhttp.status); } } }; } xmlhttp.send(null); if (!async) { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) if (typeof params.success != "undefined") { params.success(xmlhttp.responseText); } else { if (typeof params.error != "undefined") { params.error(xmlhttp.status + xmlhttp.statusText); } console.error(url + ": " + xmlhttp.status); } } } }, createXMLHttpRequest: function(){ if (window.XMLHttpRequest) { return new XMLHttpRequest(); } else if (window.ActiveXObject) { //code for IE5 and IE6 return new ActiveXObject("Microsoft.XMLHTTP"); } return null; }, getJSONP: function(params) { var url = null; if (typeof params.url != "undefined") { url = params.url; } if (url == null) { return; } var ff = "" + new Date().getTime() + (parseInt(Math.random() * 10000000000)); eval("jsonpCallback_" + ff + "=" + function(data){ if (typeof params.success != "undefined") { params.success(data); } }); //根据url中是否出现过 "?" 来决定添加时间戳参数时使用 "?" 还是 "&" var paramPrefix = url.indexOf("?") == -1 ? "?" : "&"; url = url + paramPrefix + "jsonpCallback=" + "jsonpCallback_" + ff; var param = ""; if (typeof params.data != "undefined" && params.data != null) { var data = params.data; for (var prop in data) { param += prop + "=" + data[prop] + "&"; } param = param.substring(0, param.length - 1); } if (param.length > 0) url = url + "&" + param; var script = document.createElement("script"); document.body.appendChild(script); script.src = url; script.charset ="UTF-8"; // for firefox, google etc. script.onerror = function() { if (typeof params.error != "undefined") { params.error(); } } script.onload = function() { document.body.removeChild(script); } // for ie script.onreadystatechange = function() { if (this.readyState == "loaded" || this.readyState == "complete") { document.body.removeChild(script); } } } };
以上这篇用JS写的一个Ajax库(实例代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
内容总结
以上是互联网集市为您收集整理的用JS写的一个Ajax库(实例代码)全部内容,希望文章能够帮你解决用JS写的一个Ajax库(实例代码)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。