码迷,mamicode.com
首页 > Web开发 > 详细

ajax 初步了解

时间:2018-05-11 13:10:12      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:res   链接   style   服务   监听   创建对象   type   示例   pre   

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 初步了解

标签:res   链接   style   服务   监听   创建对象   type   示例   pre   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!