• 冒险村物语
  • 英雄无敌3塔防
  • 驾考家园手游

php开发之AJAX一

2015-05-27

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

<script type =text/javascript src =test.js></script>

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应该是你的文件所在的路径,别弄错了哦,嘿嘿
下面给大家看看运行效果哦
这里写图片描述
这里写图片描述
这里写图片描述
 

(免责声明:文章内容如涉及作品内容、版权和其它问题,请及时与我们联系,我们将在第一时间删除内容,文章内容仅供参考)

人气推荐

知识阅读

精彩推荐

  • 游戏
  • 软件
查看更多>>