php开发之AJAX一

发布时间:2017-09-03 11:22:40
php开发之AJAX一

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



企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:武汉网站制作 http://www.feimao666.com