黑马程序员技术交流社区

标题: 【石家庄校区】Ajax异步的解析 [打印本页]

---

作者: wqertiorquoer    时间: 2018-7-9 14:48
标题: 【石家庄校区】Ajax异步的解析


概述

• 异步JAVASCRIPT和XML ,使用的是老技术,用的是新思想
  

同步和异步的区别

• 同步需要等待,页面整体刷新
• 异步不需要等待,局部刷新
  

AJAX的功能

• 完成网页的局部刷新,不中断用户的体验.JS中的对象XMLHttpRequest对象可以异步的向服务器发送请求
  

传统方式实现AJAX:通过js的XMLHttpRequest

• [AppleScript] 纯文本查看 复制代码

  XMLHttpRequest对象

  
  

属性

• readyState
  

• 对象的状态
• onreadystatechang
  
  
  

• 当对象状态改变的时候出发的一个函数
  

• 获得响应的状态码如200,404
  

• responseText
  

• 获得响应的是文本数据
• responseXML
• 获得响应的XML
  

方法

[AppleScript] 纯文本查看 复制代码

open(请求方式,请求路径,是否异步)

异步的向服务器发送请求

sen的(请求参数)





真正的发送请求

setRequestHeader(头信息,头的值);





用来处理post请求的中文问题

status

如何创建XMLHttpRequest对象

• IE:将XMLHttpRequest对象封装在一个ActiveObject组件中
• Firefox : 直接就可以创建XMLHttpRequest对象
  

AJAX编写步骤

• 创建异步对象
• 设置对象的状态改变触发一个函数
• 设置像后台提交的路径
• 发送请求
  

JQuery完成AJAX

[AppleScript] 纯文本查看 复制代码

方法

jq对象.load(路径,参数,回掉函数)

$.get(路径,参数,回掉函数)

$.post(路径,参数,回掉函数)

$.ajax()

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2