php开发之AJAX一_PHP教程

程序员文章站 2023-12-30 09:59:16

...

php开发之AJAX一

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

另外test.js的url应该是你的文件所在的路径，别弄错了哦，嘿嘿
下面给大家看看运行效果哦
php开发之AJAX一_PHP教程