Ajax的工作原理和优缺点

Ajax是一种创建交互式网页应用的技术,允许部分网页异步更新,无需整体刷新。其工作原理涉及XMLHttpRequest对象,包括open()、send()和setRequestHeader()方法。Ajax的优点在于局部刷新、异步通信和前端与后端负载均衡,但也存在破坏浏览器机制、安全问题和对搜索引擎支持不足等缺点。适用场景包括表单交互、树状导航和用户间交流,而不适合简单的表单、搜索和基本导航。
摘要由CSDN通过智能技术生成

Ajax是什么?

  • Ajax(Asynchronous Javascript And Xml),即异步的HTML和XML,是指一种创建交互式网页应用的网页开发技术
  • Ajax是一种快速创建动态网页的技术
  • 通过在后台与服务器之间进行少量的数据交换,Ajax可以是网页实现异步更新,意味着可以无需重新加在整个网页的情况下,能够更新部分网页的技术。
  • 而传统的网页(没有Ajax)如果需要更新部分内容,就得必须重载整个网页的内容

Ajax的工作原理

在这里插入图片描述
Ajax的工作原理相当于在客户端和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给 Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

Ajax其核心有 JavaScript、XMLHTTPRequest、DOM对象组成,通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据, 然后用JavaScript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。让我们来了解这几个对象。

XMLHttpRequest的方法
方法 作用
abort() 取消当前响应,关闭连接并且结束任何未决的网络活动。
getAllResponseHeaders() 把 HTTP 响应头部作为未解析的字符串返回。
getResponseHeader() 返回指定的 HTTP 响应头部的值。其参数是要返回的 HTTP 响应头部的名称。可以使用任何大小写来制定这个头部名字,和响应头部的比较是不区分大小写的。
open() 初始化 HTTP 请求参数,例如 URL 和 HTTP 方法,但是并不发送请求。
send()
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值