AJAX开发小知识
收藏回复举报
AJAX开发小知识
发表于2024-01-29 17:01:01
0 查看

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。

AJAX编程步骤?

1) 获得 XmlHttpRequest对象

2) 使用 XmlHttpRequest向服务器发请求。

                  a.发送get请求:

                  /* open(请求方式,请求地址,同步/异步)

  * 请求方式: get/post 

  * 请求地址:如果是get请求,请求参数添加到地址之后。

                 * 比如  check_user.do?username=zs

                 * 同步/异步:true 表示异步。*/

xhr.open('get','check_user.do',true);

                  b. 发送 post 请求:

xhr.open('post','check_username.do',true);

//#必须添加一个消息头content-type    
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

3). 在服务器端,处理请求。

4).在监听器当中,处理服务器返回的响应。

xhr.onreadystatechange=function(){ 
  //编写相应的处理代码
  if(xhr.readyState == 4){
    //只有 readyState 等亍 4,xhr 才完整地接收到了服务器返回的数据。
    //获得文本数据
    var txt = xhr.responseText;
    //获得一个xml dom对象。
    var xml = xhr.responseXML;
    //dom操作、更新页面
  }
   };

5.xhr.send(null)

AJAX技术的优点?

   1.页面无刷新

   2.不打断用户的操作,用户的体验好

   3.按需获取数据,浏览器和服务器之间数据的传输量减少

   4.是一个标准技术,不需要下载任何的插件

   5.可以利用客户端(浏览器)的计算能力

本帖最后由 匿名用户2025/04/01 17:24:18 编辑

我要发帖子