概述

• 异步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()

概述

• 异步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()