美文网首页
ajax的基础用法

ajax的基础用法

作者: likeli | 来源:发表于2017-11-07 19:39 被阅读0次

Ajax用法

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

Ajax请求数据三剑客

  • 创建对象

    var request=new XMLHttpRequest()
    
  • 发送请求

    request.open("get","hot.json",true);//hot.json是本地存在的JSON文档
    request.send();
    
  • 等待响应
    request.onreadystatechange 有以下值:

    1. 请求未初始化

    2. 服务器连接已建立

    3. 请求已接收
      4.请求处理中

    4. 请求已完成,且响应已就绪
      每次网络请求时都会调用这个方法,可以类比快递的装填

       request.onreadystatechange=function(){
         if(request.readyState==4 && request.status==200){
           //代表请求成功并返回了数据
           //字符串格式的数据(JSON)
           //responseXML XML格式的数据
               console.log(request.responseText);
               var obj=JSON.parse(request.responseText);
               console.log(obj);
         }}
      

这只是基础的一小部分后面还有很多需要去学习。

相关文章

  • ajax的基础用法

    Ajax用法 ajax是能够在不刷新页面的情况下,让网页局部数据更新的技术 Ajax请求数据三剑客 创建对象var...

  • Ajax的优缺点及工作原理?

    Ajax的优缺点及工作原理? 定义和用法: AJAX = Asynchronous JavaScript and ...

  • 关于ajax的使用

    ajax是什么,怎么用法? ajax即“Asynchronous javascript and xml”(异步Ja...

  • ajax的用法

    1.什么是ajax: (异步的javascript和xml),ajax并不是一门新的技术,而是多种技术的组合(ht...

  • Ajax用法

    1. load(url[, data[, callback]]) 某个jQuery对象调用,把获取的结果放置到这个...

  • ajax 用法

    https://www.w3school.com.cn/jquery/ajax_ajax.asp 01 ajax参...

  • jQuery ajax——参数详解

    由于以前只是用很基础的jquery ajax方法,用法比较单一。但是最近工作中,需要根据不同的请求,设置不同的参数...

  • ajax

    定义和用法: ajax() 方法通过 HTTP 请求加载远程数据。 该方法是 jQuery 底层 AJAX 实现。...

  • face14ajax基础内容

    ajax基础内容 ajax技术利用了 什么协议?简述ajax的工作机制 写出jquery中,可以处理ajax的几种...

  • Ajax进阶

    上边文章Ajax入门简单介绍了ajax,做了个小demo,这篇文章主要是根据ajax中常见的用法以及问题做一些尝试...

网友评论

      本文标题:ajax的基础用法

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