当前位置:百问十五>百科知识>ajax入门实例

ajax入门实例

2024-09-04 00:37:26 编辑:join 浏览量:568

ajax入门实例

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,入门,实例

版权声明:文章由 百问十五 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.baiwen15.com/article/264640.html
热门文章