ajax

解决浏览器兼容性问题

if (window.XMLHttpRequest){

//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

xmlhttp=new XMLHttpRequest();}

else{

// IE6, IE5 浏览器执行代码

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}

---

AJAX获取PHP后台数据------------登录判断----get

第一步：获取对象；

var btn = document.getElementById("login-btn");

第二步：为对象添加click点击事件

btn.addEventListener("click",function () {}

第三步：创建创建xhr(XMLHttpRequest())对象，并且获取对应的值

var xhr =new XMLHttpRequest();

var username = document.getElementById("username-ipt").value;

var password = document.getElementById("password-ipt").value;

//获取表单value，并拼接成字符

var getInf ="username=" + username +"&password=" + password;

第四步：打开AJAX的异步连接

//将getInf字符带入PHP后台；

xhr.open("GET","http://localhost:63342/phpone/EnterPHP.php?"+getInf);//GET请求

//第五步：发送异步请求

xhr.send();

//判断传输是否成功并且进行前端操作

xhr.onreadystatechange =function () {

if(xhr.readyState ==4 && xhr.status ==200){

document.getElementById("result").innerText = xhr.responseText;}}

------------enter.html------get

---

AJAX获取PHP后台数据------------登录判断----POST

将open打开异步连接中的method方法改为POST,

open中去掉getInf的拼接，改用在发送异步请求中拼接，xhr.send(getInf);同时还要在send前加一句

//xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

------------enter.html-----post

------------EnterPHP.php

//兼容get与post使用方法

$username = $_POST["username"];

if($username == "" || $username == null){

    $username = $_GET["username"];

}

$password  = $_POST["password"];

if($password  == "" || $password  == null){

    $password  = $_GET["password"];

}

---