myajax is a cross-browser ajax library written in js, which supports get, post, jsonp requests, exquisite and simple.
1. Send a GET request:
myajax.get({<span style="white-space:pre"></span>data: {}, //parameter url: "", //request address//The error occurred is calling error: function(data) {},//request successfully called success: function(data){<span style="white-space:pre"></span>//eval(data); Convert string to json}});2. Send POST request:
myajax.post({data: {}, //parameter url: "", ////The error occurred is calling error: function(data) {},//The request successfully called success: function(data){//eval(data); Convert string to json}});3. Send JSONP request:
myajax.getJSONP({//parameter data: {},url: "", //request address//request successfully call success: function(data) {},//Call error: function() {}} when an error occurs;Source code:
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 IE6return 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() * 1000000000));eval("jsonpCallback_" + ff + "=" + function(data){if (typeof params.success != "undefined") {params.success(data);}});//Decide to use "?" when adding timestamp parameters based on whether "?" appears in the url. or "&" 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); } }}};The above Ajax library (example code) written in JS is all the content I share with you. I hope you can give you a reference and I hope you can support Wulin.com more.