在这呢我主要说一下AJAX的用法,原理就不多说了。
1.你要用AJAX首先得会js吧,这个不用多说。
首先你得NEW一个AJAX的对象,类必须得事例化才能使用,这个大家都知道对吧
第一步:var oAjax = new XMLHttpRequest();
但是为了兼容IE6这么蛋疼的浏览器一般这么写:
if(window.XMLHttpRequest)
{
var oAjax = new XMLHttpRequest();
}
else
{
//IE
var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
}
到这为止对象就事例化好了。
2.第二步咱得给服务器连接起来吧,这是必须的啊;
用open();用法是这样的:open(传输方式,文件地址,同步还是异步(默认异步))
oAjax.open('get','ajax.php?hehe='+sValue,true);
3.得发送请求吧:
oAjax.send();
4.就是接收返回值了,就不废话了,直接看代码吧:
oAjax.onreadystatechange=function()
{
//oAjax.readyState 记录步骤
if(oAjax.readyState == 4)
{
if(oAjax.status == 200)
{
oDiv.innerHTML = oAjax.responseText;
}
else
{
alert("失败");
}
}
else
{
alert(oAjax.readyState);//记录步骤
}
}
到此为止AJAX就OK了:
下面是我实验的完整事例:
html代码如下:
1
2
3
4
5
无标题文档6
7 window.οnlοad=function()
8 {
9 var oBtn1=document.getElementById('btn1');
10 var oInput=document.getElementById("hehe");
11 var oDiv=document.getElementById("div1");
12 oBtn1.οnclick=function()
13 {
14 var sValue=oInput.value;
15 //alert(sValue);
16 //1.创建Ajax对象
17 //只兼容非IE6的浏览器
18 if(window.XMLHttpRequest)
19 {
20 var oAjax=new XMLHttpRequest();
21 }
22 else
23 {
24 //IE6
25 var oAjax=new ActiveXObject('Microsoft.XMLHTTP');
26 }
27 //alert(oAjax);
28 //2.连接服务器
29 //open(传输方式,文件地址,同步还是异步(默认异步))
30 oAjax.open('get','ajax.php?hehe='+sValue,true);
31
32 //3.发送请求
33 oAjax.send();
34
35 //4.接收返回
36 oAjax.onreadystatechange=function()
37 {
38
39 //oAjax.readyState 记录步骤
40 if(oAjax.readyState == 4)
41 {
42 if(oAjax.status == 200)
43 {
44 oDiv.innerHTML = oAjax.responseText;
45 }
46 else
47 {
48 alert("失败");
49 }
50 }
51 else
52 {
53 alert(oAjax.readyState);//记录步骤
54 }
55 }
56 //oAjax.send();
57
58 }
59 }
60
61
62
63
64
65 呵呵:
66
67
68
69
70
71
后台PHP代码ajax.php
1 <?php
2 $hehe=$_GET['hehe'];
3 echo $hehe;
4 ?>
更多推荐
php中ajax用法,PHP中AJAX的使用(完整实例)
发布评论