ajax入门实例

 时间:2026-04-26 03:32:12

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

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

ajax入门实例

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);

};

}

ajax入门实例

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

<?php

       echo  'hello word';

ajax入门实例

ajax入门实例

  • ajax 方法总结
  • jquery-Ajax原理实例讲解
  • php页面post方法实现ajax-入门实例教程
  • 如何让jquery ajax同步
  • jQuery对ajax的支持
  • 热门搜索
    怎么破解苹果id密码 如何换尿布 淘宝店铺违规怎么办 广东水利电力职业技术学院怎么样 建筑工程图纸怎么看 如何克隆qq好友 如何提高身高 小儿疝气如何治疗 文件被覆盖怎么恢复 指纹打卡机怎么破解