AJAX 交互过程

作者: 肆意木 | 来源:发表于2017-08-16 10:52 被阅读48次

1. 什么是 AJAX ?

答:AJAX 是异步的 JS 和 XML,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,这意味这可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

2. AJAX 交互过程

//1.启动——创建 AJAX 对象
var xhr=new XMLHttpRequest();

//2. open——打开 URL 通道,并设置异步传输,参数(方法,url,是否异步)
xhr.open('post','1.txt',true);

//3. 发送数据到服务器
xhr.send();

//4.服务器返回内容,客户端接收返回数据并进行操作
xhr.onreadyStatuechange=function(){
  if(xhr.readyState==4){
    if(xhr.status==200){
       alert(xhr.resopnseText);
    }else{
        alert('err'+xhr.status)
    }
  }
}
考点:
  1. GET 与 POST 区别:与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。

然而,在以下情况中,请使用 POST 请求:

a. 无法使用缓存文件(更新服务器上的文件或数据库)
b. 向服务器发送大量数据(POST 没有数据量限制)
c. 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠

  1. 服务器返回 readyState 属性值:0 ——未初始化,1——读取中,2——已读取,3——交互中,4——完成。

3. 同步异步区别?

答:同步——脚本会停留并等待服务器发送回复然后再继续;
异步——脚本运行页面继续其它进程并处理可能的回复。

4. 如何处理跨域?

http://www.jianshu.com/p/04a75624fb78

相关文章

  • AJAX 交互过程

    1. 什么是 AJAX ? 答:AJAX 是异步的 JS 和 XML,通过在后台与服务器进行少量数据交换,AJAX...

  • ajax的运用

    交互 form 提交: ajax: jquery的ajax: ajax做交互

  • axios封装

    前言: 在一开始前后台交互过程中,我们一般都是使用传统的ajax进行交互,传统ajax 指的是XMLHttpRe...

  • js之AJAX复习

    异步交互和同步交互 什么是Ajax? Ajax的工作原理。 Ajax包含的技术: Ajax的缺陷: Ajax的核心...

  • ajax 是什么?ajax 的交互模型?同步和异步的区别?

    ajax是支持异步请求数据,用户体验较强的技术 Ajax 的交互模型(Ajax的过程): 1.用户发出异步请求 2...

  • jQuery-Ajax

    2019-06-05 jQuery封装了Ajax的交互过程,用户无需使用XMLHttpRequest对象的原生方法...

  • 登录页记住账号密码js+localstrage+ajax

    包含数据交互ajax

  • ajax

    1. ajax交互流程: ajax数据交互流程 1、创建一个ajax对象2、填写请求地址3、发送请求4、等待服务器...

  • ajax的写法与注意事项

    -------------------ajax: 数据交互---------------------- 表单for...

  • Ajax+js实现异步交互

    一提到异步交互大家就会说ajax, 仿佛ajax这个技术已经成为了异步交互的代名词。那下面将研究ajax的核心对象...

网友评论

    本文标题:AJAX 交互过程

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