Ajax

作者: __y | 来源:发表于2018-10-22 14:29 被阅读186次

1.什么是Ajax

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。

2.同步,异步概念

同步:
不如我们写了一个表单,我们如果填错了就要全部提交到服务端的时候进行判断后再返回结果,这样要重新载入整个页面。


image.png

异步:
如果是用异步的话,如果我们就可以实现局部的刷新了,不用整个页面等待服务器的响应。


image.png

3.XMLHttpRequest对象

我们使用异步加载的时候依赖的是XHR这个对象
创建:

var request;
if(windows.XMLHttpRequest) {
  request = new XMLHttpRequest();//IE7+ 主流浏览器
}else {
  request = new ActiveXObject("Microsoft.XMLHTTP")//IE6,IE5  
}

发送请求:

  • open(method,url,async)
    method:请求方式
    url:请求地址
    async:请求同步还是异步,默认是true
  • send(string)
    把请求发送到服务器中;
    服务器响应:
  • responseText:获得字符串形式的响应数据
  • responseXML:获得XML形式的数据
  • status和statusText:以数字和文本的形式返回Http状态码
  • getAllResponseHeader():获得所有的响应头
  • getResponseHeader():查询响应中的某个字段的值
  • readyState属性:


    image.png

相关文章

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • JavaScript进阶知识点--AJAX及JSON

    AJAX 关于 AJAX 什么是 AJAX AJAX 的全称是 Asynchronous JavaScript a...

  • HTML5权威指南 | 第五部分 高级功能

    三十二、使用AJAX(上) Ajax起步: 使用Ajax事件: Ajax请求的错误处理: 中止Ajax请求: 三十...

  • ajax学习笔记

    Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...

  • AJAX

    一、简介 AJAX菜鸟教程 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX...

  • js之AJAX复习

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

  • 复习jQuery - ajax

    jQuery ajax - ajax() 方法 $.ajax({ url:'oo.php', ...

  • jQuery中Ajax请求的使用和四个步骤示例

    ajax() 方法用于执行 AJAX(异步 HTTP)请求,所有的 jQuery AJAX 方法都使用 ajax(...

  • ajax

    1、什么是ajax? 2、ajax的原理 3、ajax的核心对象 4、ajax的优点: ajax的缺点: 被jqu...

  • ajax

    Ajax 1 - 请求纯文本 Ajax 2 - 请求JSON数据 Ajax 3 - 请求Github接口 Ajax...

网友评论

    本文标题:Ajax

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