ajax学习笔记之一

前端之家收集整理的这篇文章主要介绍了ajax学习笔记之一前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ajax与传统web的区别

传统web应用:客户端浏览器提交请求-------服务端---------响应

ajax:客户端------ajax引擎(xmlhttprequest)----------服务器端

IE早起内置引擎为activexobject


创建ajax步骤

1:创建xmlhttprequest对象

  1. varxhr=newxmlhttprequest;

2:打开open 函数

  1. xhr.open(“post/get”,URLtrue/falsetrue代表异步,false为同步

3:处理响应

  1. xhr.onreadstatechange=function(){
  2. if(xhr.readystate==4){
  3. if(xhr.status=200){
  4. vartxt=xhr.responTest;(字符串类型)//eval转换函数
  5. }
  6. }

4.发送

  1. xhr.send(null);//get
  2. //post
  3. 1.设置请求头
  4. xhr.setRequestHeader("content-Type","appliation/x-www-form-urlencoder");
  5. 2.发送参数
  6. xhr.sendjson格式数据)

猜你在找的Ajax相关文章