Wie schreibe ich Ajax in js

Die Verwendung von Ajax in JavaScript hat zwei Funktionen:

1. Unter bestimmten Umständen keine Aktualisierung , lesen Sie die Daten auf dem Server, zum Beispiel: Überprüfen Sie, ob das Konto und das Passwort korrekt sind usw.

Wir wissen, dass es zwei Arten von Netzwerkanfragen gibt: Get und Post. Was ist der Unterschied zwischen ihnen?

get-Methode: gängige Formularübermittlungsmethode: Senden Sie den Wert nach der URL;?name=value&name=value-Format.

Beispiel für die Formularübermittlung:

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

Unterschied:

1. Die Get-Methode überträgt Daten über die URL und die Post-Methode überträgt Daten über den Inhalt in http

2. Die Get-Methode hat eine geringe Kapazität Nicht für die Übertragung geeignet. Für große Datenmengen (im Allgemeinen 4k-10k) ist die Kapazität des Post-Modus relativ groß, und der allgemeine Server kann eine 2G-Kapazität erreichen.

3. Bei zu großen Dateien posten wird nicht verwendet, aber die Steuerung wird verwendet.

4. Die Get-Methode hat eine schlechte Sicherheit und Post ist relativ besser. Für diejenigen, die sicher sind, können Sie nur https verwenden > 5. Die Get-Methode verfügt über einen Cache, Post Get eignet sich jedoch besser zum Senden von Nachrichten an den Server. Post eignet sich besser zum Senden von Daten an den Server Es gibt zwei Möglichkeiten, AJAX in JS zu schreiben:

GET-Methode:

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("发送成功");    
    }
}

POST-Methode:

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 zum Abrufen der vom Server zurückgegebenen Daten ist ajaxObj.responseText zum Abrufen

Ajax zum Senden von Daten an den Server: get post

get: URL-Umschreiben (Spleißen) -- -- kleine Datenmenge, einfache Daten sind nicht sicher

post:send (data) request body (kann auf der Seite nicht gesehen werden) große Datenmenge, einfach oder komplex Datensicherheit

application/x-www-form-urlencoded bedeutet, dass das Formular standardmäßig in Form einer Zeichenfolge gesendet wird

multipart/form-data Formulardaten werden in Form eines Binärstreams gesendet

ajaxObj.setRequestHeader ändert tatsächlich den Content-Type-Wert im Anforderungsheader (Anforderungsnachricht)

Das obige ist der detaillierte Inhalt vonWie schreibe ich Ajax in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!