Heim  >  Artikel  >  Web-Frontend  >  Einführung in die Get- und Post-Methoden auf Basis von js native und ajax sowie in die native Schreibmethode von jsonp

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

不言
不言Original
2018-07-02 17:04:501943Durchsuche

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);
};
};
}
}

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);
}
)

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);
};
};
}

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);
}

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!

Stellungnahme:
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