AJAX这个东东前两天刚刚接触到,听别人说挺有用的哦,觉的有必要学一下。
下面就通过get方法传递参数到php页面为例来说一下:
test.html
<code class="hljs" xml=""> </code>
<input onclick="testcheck()" type="button" value="submit" />
test.js
<code class="hljs" javascript="">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'); // 处理返回结果 } } </code>
index.php
<code class="hljs" xml=""><!--?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); } ?--> </code>
另外test.js的url应该是你的文件所在的路径,别弄错了哦,嘿嘿
下面给大家看看运行效果哦