Heim > Web-Frontend > js-Tutorial > Hauptteil

Einführung in die Get- und Post-Methoden auf Basis von js native und ajax sowie in die native Schreibmethode von jsonp

不言
Freigeben: 2018-07-02 17:04:50
Original
1942 Leute haben es durchsucht

Im Folgenden finden Sie ein Beispiel für die auf js native und ajax basierenden Get- und Post-Methoden sowie die native Schreibmethode von jsonp. Der Inhalt ist ziemlich gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden.

login.onclick = function(){
var xhr = new XMLHttpRequest();
xhr.open("get","http://localhost/ajax2/test2.php?username="+username.value+"&pwd="+pwd2.value,true);
xhr.send();
xhr.onreadystatechange = function(){
if (xhr.readyState == 4) {
if (xhr.status>=200 && xhr.status<300) {
alert(xhr.responseText);
};
};
}
}
Nach dem Login kopieren

Ajax-Methode

btn.onclick = function(){
ajax(
    "GET",
    "http://localhost/ajax2/my02.php",
    {xingming:xingming.value,pwd:pwd.value},
    function(data){
console.log(data);
},
function(errCode){
console.log(errCode);
}
)
Nach dem Login kopieren

Post-Methode, die Parameter übergibt

Der Unterschied zwischen ihr und der get-Methode:

01 Sicherer Typ. Post ist sicherer.

02-Geschwindigkeit Die Get-Geschwindigkeit ist um

03 Größenordnungen höher. Die Größenordnung des Beitrags ist größer

Spezifische Implementierung:

var xhr = new XMLHttpRequest();
xhr.open("post","http://localhost/ajax2/login2.php",true);
var data = {
username:username1.value,
pwd:pwd1.value
}
// 设置请求头 告诉服务器发给他的数据是json格式
xhr.setRequestHeader("content-type","application/json");
xhr.send( JSON.stringify(data) );
xhr.onreadystatechange = function(){
if (xhr.readyState == 4) {
if ( xhr.status >= 200 && xhr.status < 300 ) {
alert(xhr.responseText);
};
};
}
Nach dem Login kopieren

Native JSONP-Methode

var sc = document.createElement("script");
sc.type = "text/javascript";
document.body.appendChild(sc);
sc.src = "http://localhost/ajax2/jsonp.php?cb=myCallBack";

function myCallBack(data){
console.log(data);
}
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Bitte achten Sie auf weitere verwandte Inhalte auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Native Implementierung von Ajax Über die Verwendung von MIME-Typen

Schreiben Sie die Ajax-Anforderungsfunktion in nativem JS Funktion

Korrekte Art und Weise, Ajax-Callback-Funktionsparameter zu übergeben

Das obige ist der detaillierte Inhalt vonEinführung in die Get- und Post-Methoden auf Basis von js native und ajax sowie in die native Schreibmethode von jsonp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage