php开发之AJAX一

浏览数：30 / 时间：2015年06月09日

AJAX这个东东前两天刚刚接触到，听别人说挺有用的哦，觉的有必要学一下。
下面就通过get方法传递参数到php页面为例来说一下：
test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>test</title>
<script type ="text/javascript" src ="test.js">
</script>
</head>
<body>
<input type ="button" value ="submit" onclick ="testcheck()">
</body>
</html>

test.js

var xmlHttp;
function GetXmlHttpObject(){
    if (window.XMLHttpRequest){
      // code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
    }else{// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    return xmlhttp;
}
// -----------ajax方法-----------//
function testcheck(){
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null){
        alert(‘您的浏览器不支持AJAX！‘);
        return;
    }

    var url="http://localhost/PHPTEST/index.php?isbn=110120";//这个地方一定要注意哦，刚开始的时候我在‘＝’前面多了一个空格，结果造成了php页面获取不到参数，大家都一定要注意些哦
    xmlHttp.open("GET",url,true);
    xmlHttp.onreadystatechange=getOkGet;//发送事件后，收到信息了调用函数
    xmlHttp.send();
}
function getOkGet(){
    if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){
        // 本地提示：加载中

    }
    if (xmlHttp.readyState==4 && xmlHttp.status==200){
       alert(xmlHttp.responseText);
       alert(‘123‘);
        // 处理返回结果
    }
}

index.php

<?php 

header(‘Content-type:text/html‘);

if(isset($_GET[‘isbn‘])){
    $isbn =$_GET[‘isbn‘];

    if(!$isbn){
        echo("abc");

    //  print "That request was not understood";

    }else if ($isbn =="110120") {
        echo($isbn);
    //  print "JavaScript step by step";
    }
}else{
    echo("aaa");
}

?>