ajax入门实例

1、准备HTML代码，做一个按钮，触发事件，作用：点击按钮发送ajax请求，php返回新的字符串

代码如：<input type='button' id='btnOk' value='确定' />

2、准备ajax代码，用来发送get请求，获取服务器数据，代码如下

window.onload = function() {

//绑定点击事件

$('btnOk').onclick = function() {

//创建Ajax对象

var xhr = createXhr();

//初始化Ajax对象

xhr.open('get', 'demo03.php');

//Ajax对象的状态码发生改变时会自动执行的回调函数

xhr.onreadystatechange = function() {

//如果Ajax对象的状态码为4（接收数据完毕）

if (xhr.readyState == 4) {

//取出返回值

alert(xhr.responseText);

}

};

//发送Ajax请求

xhr.send(null);

};

}

3、准备PHP代码，用来返回数据，代码如下

<?php

       echo  'hello word';