ajax讲解和用法

什么是ajax?

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。

ajax的过程

在这里插入图片描述

什么情况可以用ajax?

  • 登录窗体:
    例如:用户可以在原来的页面窗体中键入他们的登录凭据;他们的软件将向服务器发送登录请求,并且页面将根据需要进行更新。
  • 自动完成:当你在谷歌搜索栏中通过自动填充设置运行查询时,建议将显示在下面的下拉列表中
  • 评级和投票:投票可以决定网站的主要内容,如Digg和Reddit的网页书签。
  • 用于用户内容更新:当用户发布一条博客时,它将被添加到他们的博客内容中,并且所有内容都被更新。

ajax有什么优点?

  • 减少服务器流量并提高速度
  • Ajax响应速度快,所花的时间也少
  • 表单验证
  • 可以减少带宽使用(感觉有点不对)
  • 可以进行异步调用;这减少了数据到达的时间。
    小概括:与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

ajax的缺点?

  • 开源
  • Active x请求仅在internet explorer和新创建的web浏览器中创建。
  • 由于安全原因,只能从提供页面的web主机访问信息。使用Ajax无法从其他服务器获取信息。

ajax的使用格式或者样式含义

 1. 方式一:
function test(){
$.ajax({
//请求路径
url:"${pageContext.request.contextPath}/test",
//请求类型
type:"post",
//data 表示发送的数据
data:JSON.stringfy({name:name,password:password}),
//定义发送请求的数据格式未JSON字符串
context:"application/json;charset = utf-8",
//成功响应
success:function(*****){}
})
}

2. 方式二:
$.get(
服务器地址,
请求数据
function(result){

},
预期值返回类型(string/xml)//常见返回值:"xml","json","text"等等
)

3.方式三:
$.post(
服务器地址,
请求数据
function(result){

},
预期值返回类型(string/xml)//常见返回值:"xml","json","text"等等
)

后期有待补充完善

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值