开发者
资源
AJAX开发小知识
AJAX开发小知识
发表于2024/08/31
338k1

AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,与服务器交换数据并更新部分网页内容的技术。它使用了JavaScript的XMLHttpRequest对象(或在现代浏览器中的Fetch API)来实现异步网络请求。AJAX的优点是可以提高用户体验,因为它允许网页动态加载数据,而无需重新加载页面。AJAX技术广泛应用于各种Web应用程序中,例如Gmail就是早期大规模使用AJAX的例子之一。

在使用AJAX时,开发者需要注意浏览器的同源策略,这意味着JavaScript发起的AJAX请求通常只能与当前页面相同的源进行通信。为了实现跨域请求,可以使用CORS(Cross-Origin Resource Sharing)、JSONP或设置代理服务器等方法。

最新的信息显示,AJAX的概念和应用仍然是Web开发中的重要组成部分,开发者可以通过学习和应用AJAX来创建更加动态和响应迅速的Web应用程序。

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.可以利用客户端(浏览器)的计算能力

收藏举报
Level 1
0
帖子
0
粉丝
0
获赞