Ajax- und PHP-Beispielanalyse

小云云
Freigeben: 2023-03-21 07:24:02
Original
1637 Leute haben es durchsucht

Dieser Artikel teilt Ihnen hauptsächlich die Analyse von Ajax- und PHP-Beispielen mit. Ich hoffe, der Code in diesem Artikel kann Ihnen helfen.

Formular:

 用户名:<input type="text" id="username" value="" />
 密码:<input type="password" id="password" value="" />
 <br /><br />
 <input type="submit" id="update" name="提交" />
Nach dem Login kopieren

JavaScript Ajax-Anfrage

var update = document.getElementById("update");

update.onclick = function(){
	var username = document.getElementById("username").value;
	var pass = document.getElementById("password").value;

//步骤1:创建Ajax对象
if(window.XMLHttpRequest){
	var ajax = new XMLHttpRequest();//在主流浏览器下创建Ajax对象
}else{
	var ajax = new ActiveXObject("Microsoft.xmlhttp");//在IE浏览器下创建Ajax对象
}
 //步骤2:开启ajax
/**************get方式***********/
var url = "http://localhost/test/get.php?username="+username+"&password="+pass;
 ajax.open("GET",url,true);
//步骤3:发送数据(请求)
 ajax.send();
/******post方式*******/
// ajax.open("POST","dealDate.php",true);
// //请求过程中数据的编码格式(POST专用操作)
// ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
// var parameter = "username="+username+"&password="+pass;
// ajax.send(parameter);

//步骤4:等待接收数据

/*Ajax对象在执行过程中伴随着状态的切换,共存有5中状态的切换
 0.代表Ajax对象的创建,但是未调用open方法
 1.代表Ajax对象调用open方法,但是未调用send方法
 2.代表Ajax对象调用send方法,但是还没有接收到数据
 3.代表Ajax对象正在接收数据
 4.代表Ajax对象接收数据完成
*/
ajax.onreadystatechange = function(){
	if(ajax.readyState == 4){
		 if(ajax.status >= 200 && ajax.status < 300 || ajax.status == 304){
		 //输出服务器返回的数据,但是该数据必须是通过echo输出的文本数据
			var p = document.createElement("p");
			p.innerHTML = ajax.responseText;
			document.body.appendChild(p);
		}
	}
}
 
 }
Nach dem Login kopieren

Hintergrund PHP empfangene Daten:

<?php
header("Content-type:text/html;charset=utf-8");//显示中文
$user = $_GET["username"];
$password = $_GET["password"];
echo "{$user}".":"."{$password}";
?>
Nach dem Login kopieren

Verwandte Empfehlungen:

Beispielanalyse von Ajax und PHP zur Implementierung einer aktualisierungsfreien Überprüfung der Mobiltelefonnummer

Ajax- und PHP-Verifizierungsformular für reguläre Ausdrücke und Verifizierungscode

Senden von JQuery Mobile-Formularen über AJAX und PHP (zwei Artikel)

Das obige ist der detaillierte Inhalt vonAjax- und PHP-Beispielanalyse. 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