AJAX简介

本文深入讲解AJAX技术,探讨其如何实现网页局部刷新,提升用户体验。解析AJAX的工作原理,包括使用XMLHttpRequest进行异步数据读取,以及JSON和jQuery在现代网页开发中的角色。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Asynchronous JavaScript and XML异步的 JavaScript XML)。是指一种创建交互式网页应用的网页开发技术。

AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

xmlhttpRequest:用来做异步数据的读取,我发的请求和拿结果都是用的xmlhttpRequest

现在常用的是json格式,用的jquery

 

优点:

AJAX使用Javascript技术向服务器发送异步请求

AJAX无须刷新整个页面

因为服务器响应内容不再是整个页面,而是页面中的局部,所以AJAX性能高

缺点

AJAX并不适合所有场景,很多时候还是要使用同步交互

AJAX虽然提高了用户体验,但无形中向服务器发送的请求次数增多了,导致服务器压力增大

因为AJAX是在浏览器中使用Javascript技术完成的,所以还需要处理浏览器兼容性问题

Ajax工作原理

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

语法:

  $.get(URL,data,callback,dataType);

Ø必需的 URL 参数规定您希望请求的 URL

Ø可选的 callback 参数是请求成功后所执行的函数名。有两个参数,一个是返回的数据,一个是执行是否成功。

$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

语法:

  $.post(URL,data,callback,dataType);

Ø必需的 URL 参数规定您希望请求的 URL

Ø可选的 data 参数规定连同请求发送的数据。

Ø可选的 callback 参数是请求成功后所执行的函数名。

$.ajax()jQuery中的最底层的方法,该方法只有一个参数,但是这个对象里面包括了该方法所需要的请求设置以及回调函数等信息,参数以key/value的形式存在,所有参数都是可选,常用参数为:

 

注意:ajax语法很简单,一般错在传值的格式上是,可debug测试值的情况来找出错误

后期会继续做jqGrid

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值