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

This article is about how native ajax invokes data. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

one。 Compatible browser part

Function xmlHttpR () {var xmlhttp; if (window.XMLHttpRequest) {xmlhttp=new XMLHttpRequest ();} else {try {xmlhttp=new ActiveXObject ("Msxml2.XMLHTTP")} catch (e) {try {xmlhttp=new ActiveXObject ("Microsoft.XMLHTTP");} catch (e) {return null;} return xmlhttp;}

The above can return an object that is compatible with each browser.

two。 Instance code

Var ajaxEl=new Object (); / / ajaxEl is a custom namespace; caching is enabled under ajaxEl.contentLoad=function (url) {/ / IE browser. Here url adds the date field to prevent IE from using caching. Of course, you can also use Math.random () to produce an effect similar to getTime. Url+= "? date=" + new Date (). GetTime (); this.req=null; this.url=url; / / this callback function is the update function of the data on the page; this.onload=function () {/ / domEl is a dom element with an ID of # test; var domEl=document.getElementById ("test"); / / in addition to using the responseText attribute, you can also use responseXml to obtain a data table AjaxEl.contentLoad.prototype= [XSS _ clean] = this.req.responseText;} this.Xmlhttp (url);} ajaxEl.contentLoad.prototype= {Xmlhttp:function (url) {if (window.XMLHttpRequest) {this.req=new XMLHttpRequest ();} else {try {this.req=new ActiveXObject ("Msxml2.XMLHTTP")} catch (e) {try {this.req=new ActiveXObject ("Microsoft.XMLHTTP");} catch (e) {return null;} if (this.req) {var xmlR=this This.req.onreadystatechange=function () {if (xmlR.req.readyState===4) {xmlR.onload.call (xmlR);}} this.req.open ("GET", url,true); this.req.send (null);}} var xmlE=new ajaxEl.contentLoad ("main.php")

III. Code in php

Echo "now! time is:" .date ("H:i:s a Y"); thank you for reading! This is the end of this article on "how to call data from native ajax". 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.