ajax入门实例,用HTML、ajax、php做一个ajax入门实例
工具/原料
文本编辑器
方法/步骤
1准备HTML代码,做一个按钮,触发事件,作用:点击按钮发送ajax请求,php返回新的字符串
代码如:。
2准备ajax代码,用来发送get请求,获取服务器数据,代码如下
window.onload=function(){
//绑定点击事件
$('btnOk').onclick=function(){
//创建Ajax对象
varxhr=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'helloword'。
标签:ajax,入门,实例