Ajax简介

2021-02-06 16:43:14 170 0
tangjin

ajax简介

Ajax的全称是:Asynchronous JavaScript And XML,指的是异步 JavaScript 及 XML(其实主要用的就是javascript技术),它不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。Ajax的特点是异步,比如可以使用Ajax更新局部网页、使用Ajax在不刷新页面的情况下查询数据、验证用户注册的用户名是否唯一等。而传统的网页(不使用 Ajax)如果需要更新内容,必须重新加载整个页面,用户会看到全部页面的刷新,我们使用ajax之后可以提高用户体验。

Ajax交互模型:

同步web交互方式

异步web交互方式

原生javascript方式

JavaScript中提供了XMLHttpRequest对象,该对象是整个Ajax技术的核心,它提供了异步发送请求的能力。 对象的创建方式 对于不同的浏览器,对象的创建方式是不同的。

var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
return xmlhttp;

常用方法

  • open(method,URL,async) 该方法的作用是建立与服务器的连接 method参数指定请求的HTTP方式,典型的值是GET或POST URL参数指请求的地址 async参数指定是否使用异步请求,其值为true(使用异步)或false(使用同步),默认是true
  • send(content) 向服务器端发送请求 content指定请求的参数
  • setRequestHeader(header,value) 设置请求的头信息

常用属性

  • onreadystatechange 指定回调函数
  • readyState XMLHttpRequest的状态信息
就绪状态码 说明
0 XMLHttpRequest对象没有完成初始化即:刚刚创建。
1 XMLHttpRequest对象开始发送请求调用了open方法,但还没有调用send方法。请求还没有发出
2 XMLHttpRequest对象的请求发送完-成send方法已经调用,数据已经提交到服务器,但没有任何响应
3 XMLHttpRequest对象开始读取响应,还没有结束收到了所有的响应消息头,但正文还没有完全收到
4 XMLHttpRequest对象读取响应结束一切都收到了
收藏
分享
海报
0 条评论
170
上一篇:jQuery选择器 下一篇:使用Ajax校验用户名是否存在

本站已关闭游客评论,请登录或者注册后再评论吧~

忘记密码?

图形验证码