Shulou(Shulou.com)06/01 Report--

This article is about how to create an Ajax request. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

What is Ajax? How do I create an Ajax?

My understanding of ajax is that it is an asynchronous communication method, by initiating http communication directly from the js script to the server, and then updating the corresponding part of the web page based on the data returned by the server, without refreshing the entire page.

Create steps:

Interview handwritten (native): / / 1: create Ajax object var xhr = window.XMLHttpRequest?new XMLHttpRequest (): new ActiveXObject ('Microsoft.XMLHTTP'); / / compatible with IE6 and the following versions / / 2: configure Ajax request address xhr.open (' get','index.xml',true); / / 3: send request xhr.send (null) / / rigorous writing / / 4: monitor requests Accept response xhr.onreadysatechange=function () {if (xhr.readySate==4&&xhr.status==200 | | xhr.status==304) console.log (xhr.responsetXML) jQuery write $.ajax ({type:'post', url:'', async:ture,//async Asynchronous sync synchronous data:data,// request dataType:'jsonp' for post Success:function (msg) {}, error:function (error) {}) promise encapsulation implementation: / / promise wrapper implementation: function getJSON (url) {/ / create a promise object let promise = new Promise (function (resolve, reject) {let xhr = new XMLHttpRequest () / / create a new http request xhr.open ("GET", url, true); / / set the state listening function xhr.onreadystatechange = function () {if (this.readyState! = = 4) return; / / change the promise status if (this.status = 200) {resolve (this.response) when the request succeeds or fails } else {reject (new Error (this.statusText));}}; / / set error listening function xhr.onerror = function () {reject (new Error (this.statusText));}; / / set the data type of the response xhr.responseType = "json"; / / set the request header information xhr.setRequestHeader ("Accept", "application/json") / / send http request xhr.send (null);}); return promise;} Thank you for reading! This is the end of the article on "how to create an Ajax request". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.