Maison  >  Article  >  développement back-end  >  Analyse d'exemples Ajax et PHP

Analyse d'exemples Ajax et PHP

小云云
小云云original
2018-03-10 10:49:371626parcourir

Cet article partage principalement avec vous l'analyse d'exemples Ajax et PHP. J'espère que le code de cet article pourra vous aider.

Formulaire :

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

Demande JavaScript Ajax

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

Données reçues en arrière-plan PHP :

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

Recommandations associées :

Exemple d'analyse d'ajax et de php pour mettre en œuvre une vérification sans actualisation du numéro de téléphone mobile

Formulaire de vérification d'expression régulière Ajax et PHP et code de vérification

Soumission de formulaires JQuery Mobile via AJAX et PHP (deux articles)

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn