资讯专栏INFORMATION COLUMN

Ajax实现原理

frolc / 2416人阅读

摘要:一个重要的对象对象的属性和方法属性为初始化已经创建好了对象但是还没有初始化已经初始化好了对象准备好要发送了被调用请求已经发送但是还没有收到服务器的响应浏览器正在接受服务器发送过来的请求但是还没有接受完浏览器已经接受请求完毕服务器返回的响应文

AJAX Asynchronous JavaScript and XML

一个重要的对象XMLHttpRequest
XMLHttpRequest对象的属性和方法

属性

readyState:
0:为初始化 已经创建好了XMLHttpRequest对象xml 但是还没有初始化
1:已经初始化好了XMLHttpRequest对象xml 准备好要发送了
2:send被调用 请求已经发送 但是还没有收到服务器的响应
3:浏览器正在接受服务器发送过来的请求 但是还没有接受完
4:浏览器已经 接受请求完毕
responseText:
服务器返回的响应文本
responseXml:
服务器返回的响应xml
status
服务器的http状态码
statusText
服务器的http状态原因文本

方法:

open("方法",url,是否异步)
send(参数) 参数为向服务器传递的数据 如果是get的话 参数为null
onreadystatechange=function(){} 当xml的readyState发生改变的时候就会调用,所以在这个过程中onreadystatechange总共会被调用5次
使用实例

var xml=new XMLHttpRequest();
    xml.open("GET","a.json",true);  //第三个参数表示是否异步
    xml.send(null);//参数为要给服务器传递的参数  若只是单纯的向服务器取数据  则传递null
  xml.onreadystatechange=function () {
      if(xml.readyState==4){
          console.log(11)
          if(xml.status==200){
              console.log(xml.responseText)
          }
      }
  }

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85049.html

相关文章

  • 前端校招准备--Ajax原理及其实现

    摘要:实现局部刷新的原理是通过对象来向服务器发送异步请求,通过操作相应的来更新页面。在以及都内建了对象,但是和是使用对象。参考文章同源策略及其规避方法详解技术原理 前言  我们在请求数据的时候,往往会使用到ajax,而且一般都是通过引入jQuery库,再使用。但是,如果我们想直接使用ajax怎么办呢,这个时候就可以自己写一个ajax,刚一听可能会觉得很难,但是看完我的文章后你肯定就会觉得原来...

    binaryTree 评论0 收藏0
  • Ajax原理实现步骤

    摘要:如果我们假设文件和文件位于相同的目录,那么代码是这样的其他方法如下编程步骤创建对象设置请求方式调用回调函数发送请求处理返回的结果创建对象一般来说手写的时候,首先需要判断该浏览器是否支持对象,如果支持则创建该对象,如果不支持则创建对象。 Ajax的简介 什么是Ajax AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)...

    Harpsichord1207 评论0 收藏0
  • ajax跨域,这应该是最全的解决方案了

    摘要:关于,强烈推荐阅读跨域资源共享详解阮一峰另外,这里也整理了一个实现原理图简化版如何判断是否是简单请求浏览器将请求分成两类简单请求和非简单请求。 前言 从刚接触前端开发起,跨域这个词就一直以很高的频率在身边重复出现,一直到现在,已经调试过N个跨域相关的问题了,16年时也整理过一篇相关文章,但是感觉还是差了点什么,于是现在重新梳理了一下。 个人见识有限,如有差错,请多多见谅,欢迎提出iss...

    ytwman 评论0 收藏0
  • 【全栈之路】JAVA基础课程七_AJAX原理剖析(20190617v1.0)

    摘要:借鉴图片仅用于学习分享,请尊重原创作者,勿用于商用。这其中最关键的一步就是从服务器获得请求数据。基本步骤创建对象也就是创建一个异步调用对象。创建一个新的请求并指定该请求的方法及验证信息。设置响应请求状态变化的函数。使用和实现局部刷新。 欢迎进入JAVA基础课程 博客地址:https://blog.csdn.net/houjiyu...本系列文章将主要针对JAVA一些基础知识点进行讲解...

    biaoxiaoduan 评论0 收藏0
  • 【全栈之路】JAVA基础课程七_AJAX原理剖析(20190617v1.0)

    摘要:借鉴图片仅用于学习分享,请尊重原创作者,勿用于商用。这其中最关键的一步就是从服务器获得请求数据。基本步骤创建对象也就是创建一个异步调用对象。创建一个新的请求并指定该请求的方法及验证信息。设置响应请求状态变化的函数。使用和实现局部刷新。 欢迎进入JAVA基础课程 博客地址:https://blog.csdn.net/houjiyu...本系列文章将主要针对JAVA一些基础知识点进行讲解...

    yintaolaowanzi 评论0 收藏0
  • jsonp 跨域原理分析

    摘要:为请求指定一个回调函数名。这主要用来让生成一个独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。在回调函数中,通常我们只需通过判断请求是否完成,如果已完成,再根据判断是否是一个成功的响应。 本篇文章借鉴自 博客园文章 原文地址 AJAX即Asynchronous Javascript And XML(异步JavaScript和XML),是指一种创建交互式网页应用的...

    scq000 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<