AJAX

作者: 大大的小小小心愿 | 来源:发表于2017-11-08 19:57 被阅读53次

    一、AJAX简介

    AJAX是能够在不刷新页面的情况下,让局部数据跟新的技术

    二、AJAX请求数据分为三步

    1、创建对象
      var request = new XMLHttpRequest();
    
    2、发送请求

    分为 get、post
    单线程和多线程
    同步(不可同时执行)和异步(可多个事件同时执行)

        request.open("get","test.json",true);    // 规定请求: 类型、URL 、以及是否异步处理请求
        request.send();                          // 将请求发送到服务器
    
    3、等待响应

    每次网络请求的状态代表都会调用这个方法

    request.onreadystatechange = function(){
        if(request.readyState == 4 && request.status == 200){
              // 请求成功并返回了数据
        }
    }
    

    readyState有以下值:
    // 0: 请求未初始化
    // 1: 服务器连接已建立
    // 2: 请求已接收
    // 3: 请求处理中
    // 4: 请求已完成,且响应已就绪

    status有以下值:
    200:OK
    404:未找到页面

    三、返回的数据的主要格式

    一、JSON格式-----responseText获取
        var obj = JSON.parse(request.responseText);   // 将JSON转为对象 
    
    二、XML格式-------responseXML获取

    四、JQ中AJAX的应用

    $.ajax({
      type:"get",
      url:"test.json",
      success:function(msg){
        console.log(JSON.parse(msg));  // msg保存的就是对应的数据
      }
    })
    

    相关文章

      网友评论

        本文标题:AJAX

        本文链接:https://www.haomeiwen.com/subject/mbgymxtx.html