Comment écrire ajax en js

L'utilisation d'ajax en JavaScript a deux fonctions :

1. Laisser js lire les données sur le serveur

2. , lisez les données sur le serveur, par exemple : vérifiez si le compte et le mot de passe sont corrects, etc.

Nous savons qu'il existe deux types de requêtes réseau : Get et Post Quelle est la différence entre elles ?

Méthode get : méthode courante de soumission de formulaire : soumettre la valeur après l'url;?name=value&name=value format.

Exemple de soumission de formulaire :

<form  action="www.baidu.com " method="get" (默认是get方式)>
姓名:<input type="text" name="userName"></br>
密码:<input type="password" name="password">
<input type="submit" value="提交">
</from>

Différence :

1. La méthode get transmet les données via l'URL et la méthode post transmet les données via le contenu en http

2. La méthode get a une petite capacité et est. ne convient pas à la transmission Pour le big data (généralement 4k-10k), la capacité de la méthode de publication est relativement grande et le serveur général peut atteindre une capacité de 2G.

3. Pour les fichiers trop volumineux, postez ne sera pas utilisé, mais le contrôle sera utilisé.

4. La méthode get a une mauvaise sécurité et la publication est relativement meilleure Pour ceux qui sont en sécurité, vous ne pouvez utiliser que https. > 5. La méthode get a un cache, mais pas la méthode post Get est plus adaptée pour envoyer des messages au serveur. Pour obtenir des données, post est plus adaptée pour transmettre des données au serveur

. Il existe deux façons d'écrire AJAX en JS :

Méthode GET :

var ajaxObj=new XMLHttpRequest();
ajaxObj.open("GET","../php/ajaxSubmitData.php?data=tody is wind");
ajaxObj.send()
ajaxObj.onreadystatechange= function () {
    if(ajaxObj.readyState===4&&ajaxObj.status){
        alert("发送成功");    
    }
}

Méthode POST :

var ajaxObj=new XMLHttpRequest();
ajaxObj.open("POST","../PHP/ajaxSubmitData.php");
ajaxObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
// multipart/form-data 默认的以二进制方式传送
ajaxObj.send("data=我是post数据");
ajaxObj.onreadystatechange= function ()
if(ajaxObj.readyState===4&&ajaxObj.status===200){
alert("发送数据成功");
}
}

ajax pour obtenir les données renvoyées par le serveur est ajaxObj.responseText pour obtenir

ajax pour envoyer les données au serveur : get post

get : réécriture d'url (épissage) -- -- petite quantité de données, les données simples ne sont pas sûres

post:envoyer le corps de la demande (données) (ne peut pas être vu sur la page) grande quantité de données, simples ou complexes Sécurité des données

application/x-www-form-urlencoded signifie que le formulaire est envoyé sous forme de chaîne par défaut

les données du formulaire multipart/form-data sont envoyées sous forme de flux binaire

ajaxObj.setRequestHeader modifie en fait la valeur Content-type dans l'en-tête de la requête (message de requête)

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!