本文主要和大家分享Ajax和PHP实例分析，希望本文代码能帮助到大家。
表单：
用户名: 密码:
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);
}
}
}
}后台PHP接收到数据：
相关推荐：
magento(麦进斗)
下载
Magento是一套专业开源的PHP电子商务系统。Magento设计得非常灵活，具有模块化架构体系和丰富的功能。易于与第三方应用系统无缝集成。Magento开源网店系统的特点主要分以下几大类，网站管理促销和工具国际化支持SEO搜索引擎优化结账方式运输快递支付方式客户服务用户帐户目录管理目录浏览产品展示分析和报表Magento 1.6 主要包含以下新特性：•持久性购物 - 为不同的
立即学习“PHP免费学习笔记（深入）”；
