Ajax和PHP

来源：互联网发布：mac os 终端命令编辑：程序博客网时间：2024/06/02 05:20

表单：

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

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接收到数据：

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

阅读全文

0 0