AJAX初

本文介绍了传统的HTTP请求方式,如超链接、表单提交和JavaScript发送请求,并详细阐述了AJAX的核心优势——实现异步、局部刷新,提升网页交互体验。AJAX允许在不刷新整个页面的情况下,通过JavaScript发送并处理服务器数据,支持XML、JSON等多种数据格式,实现多请求并发,优化用户在浏览视频等场景下的使用感受。
摘要由CSDN通过智能技术生成

君子不器


前言

AJAX,开战!


一、传统的请求方式(四种)

<!--直接在浏览器地址上输入url-->

<!--超链接-->
<a href="/old/request">传统请求(超链接)</a>

<!--form表单提交-->
<form action="/old/request" method="get">
  <input type="submit" value="传统请求(form表单提交)">
</form>

<!--通过JS代码来发送请求-->
<input type="button" value="传统请求(通过JS代码发送请求)" onclick="sendRequest()">

<script type="text/javascript">
  function sendRequest() {
    //发送请求
    //window.location.href = ""
    document.location.href = "/old/request"
  }
</script>

二、AJAX(Asynchronous Javascript And XML)

传统请求会导致页面整个刷新
当你在一个页面中,一边看视频,一边登录的时候
导致用户体验存在空白期,不连贯

ajax可以做到局部请求,局部刷新,而且多个ajax请求之间可以并发运行,互不影响

ajax可以在浏览器中发送异步请求,请求A和请求B是异步的,谁也不需要等谁,类似于多线程并发

ajax的请求发送之后,不会出现页面清空,然后展示新页面的效果,ajax不是这样的

对于ajax来说,服务端(WEB Server端)可能会给WEB前端响应回来三种数据:可能是普通文本,可能是普通文本,可能是XML字符串,可能是JSON字符串

ajax接受到了一个服务器的响应(可能是普通文本,可能是XML字符串,可能是JSON字符串)ajax解析这些响应回来的数据,将解析之后的数据渲染到div图层中,此div就更新了,这样页面就完成了局部刷新

ajax不能称为一种技术,它是多种技术的综合产物


总结

异步发送请求,局部刷新数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值