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");
}
?>
另外test.js的url应该是你的文件所在的路径，别弄错了哦，嘿嘿
下面给大家看看运行效果哦
demo地址如下：demo
迫切希望能遇到一位大牛给予指导啊！！！
原文地址：http://blog.csdn.net/hanhailong18/article/details/45336923
