Maison > Article > interface Web > Une brève discussion sur la technologie de requête ajax
Maintenant, je vais vous proposer une brève discussion sur la technologie de requête ajax. Permettez-moi de le partager avec vous maintenant et de le donner comme référence pour tout le monde.
1. Écrivez devant :
Exigences de lecture :
Avoir une certaine quantité de Bases HTML, CSS, JavaScript, Json
2. Qu'est-ce que ajax
Ajax : à savoir "Javascript et XML asynchrones" (JavaScript et XML asynchrones) XML), fait référence à une technologie de développement Web permettant de créer des applications Web interactives.
3. Pourquoi utiliser ajax
Dans la technologie de développement Web dynamique, le client (généralement le navigateur) interagit avec le serveur pour les données. très fréquent. Comment économiser les ressources du réseau et offrir une bonne expérience utilisateur est très critique. Ajax utilise une méthode de requête asynchrone, qui permet l'interaction des données avec l'arrière-plan pour mettre à jour le contenu sans actualiser la page entière...
4 Comment utiliser l'ajax natif.
Le point clé de l'utilisation de la technologie ajax repose sur l'objet XMLHttpRequest (Remarque : ie5 et ie6 utilisent ActiveXObject), donc faire bon usage de cet objet est la clé
Remarque :
function loadData() { //创建XMLHttpRequest对象 var xmlHttpRequestObj = {}; //创建json对象,传送json格式数据到服务端 Var jsonObj = {}; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari xmlHttpRequestObj =new XMLHttpRequest(); } else { // IE6, IE5 xmlHttpRequestObj =new ActiveXObject("Microsoft.XMLHTTP"); } //当请求状态改变时会调用xmlHttpRequestObj .onreadystatechange方法 xmlHttpRequestObj .onreadystatechange = function() { if (xmlHttpRequestObj .readyState == 0 ) { Alert(“open()函数未执行”); } else if(xmlHttpRequestObj.readyState == 1) { Alert(“open()函数已执行,send()函数未执行”); } else if(xmlHttpRequestObj.readyState == 2) { Alert(“send()函数已执行,头部和状态码可以获取”) } else if(xmlHttpRequestObj.readyState == 3) { Alert(“头部已收到,解析响应体”); } else if(xmlHttpRequestObj.readyState == 4) { Alert(“请求完成”); If (xmlHttpRequestObj.status == 200) { Alert(“响应就绪,反序列化json对象填充数据到页面”); } else if (xmlHttpRequestObj.status == 400) { Alert(“页面丢失”); } else { Alert(“服务异常”); } } } //method:请求方式:GET、POST、PUT、DELETE... Url:请求的地址 asnyc:是否采用异步 xmlHttpRequestObj.open("method", "url", async); //设置请求头,POST请求格式需要载入,其他不需要 xmlHttpRequestObj.setRequestHeader("Content-type","application/x-www-form-urlencoded"); //请求数据,参数为jsonObj json对象 xmlHttpRequestObj.send(jsonObj); }
Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.
Articles connexes :
Ajax chargeant l'effet de loding du chrysanthème
Ajax+php réalise une liaison à trois niveaux de classification des produits
Composition de la technologie Ajax et analyse des principes de base
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!