首页 > Web开发 > 详细

ajax 初步了解

时间:2018-05-11 12:31:58      阅读:215      评论:0      收藏:0      [点我收藏+]

ajax对象的成员

     属性:
       responseText 以字符串形式接收服务器端返回的信息
       readyState 表示ajax状态值
       onreadystatechange 事件,该事件可以感知ajax状态(readyState)的变化
       ajax请求过程中要随时感知其状态
    方法:
       open()创建一个新的http请求

       send()发送请求到服务器

    ajax有5种状态readyState:
       0------> 创建ajax对象完毕
       1------> 有调用open()方法
       2------> 有调用send()方法
       3------> 服务器端数据只返回了一部分
       4------> 服务器端数据全部返回,ajax请求完成

代码示例

技术分享图片
function sendInfo(type,code=0){
//    创建对象
    var xhr = new XMLHttpRequest();
//    监听ajax状态
    xhr.onreadystatechange = function(){
//    判断,当监听的ajax状态是4的时候(数值对应上面的五种状态)
        if(xhr.readyState==4){
//    处理数据,以字符串的形式接收数据库里面的信息  resoponseText
            chuliData(xhr.responseText,type);            
        }
    }
//    创建一个请求,链接数据库
    xhr.open("get",‘./ld.php?type=‘+type+‘&code=‘+code);
//    发送请求
    xhr.send(null);
}
示例

 

ajax 初步了解

原文:https://www.cnblogs.com/cp123/p/9023538.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!