php中ajax用法,PHP中AJAX的使用（完整实例）

在这呢我主要说一下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 ?>