java中的ajax请求方式_Ajax—web中ajax的常用方式

什么Web2.0的特点?

1:注重用户贡献度

2:内容聚合RSS协议(每小块都个性化,单独加载单独请求,不用全部刷新--Ajax)

3:更丰富的用户体验

Ajax的概念?

"Asynchronous Javascript And XML"(异步JavaScript和XML)

1.不刷新整个页面,只刷局部页面,有利于节省带宽

2.提供连续的用户体验

3.提供类似于C/S的交互效果,操作更方便

e95877610236c5a543a84cac5c31ec9a.png

a1fa7bc4e5deed2c48ab2abd8ecba4c8.png

javaScript的原生Ajax:

62c7a364fbeb0f0ec6a6ea5c8e9af2ec.png

261665d47938836e45f260708a4204be.png

事件:

ec0d26911d82c21e40517b1fc85eeca1.png

属性:

2729f91ebf233f712070631d96623d1d.png

3edf20db3d0a5577100d83a08149703e.png

01ec22fa249d0d1835cc4f2c293d5d0b.png

c112c03d7fa36cb1543dc96bb87c15dc.png

8a514e0d429f04b4040906aea7b8df14.png

4b0d330b966f724eeef99f5c07ffd951.png

javaScript原生Ajax的使用:

A:使用原生态Ajax技术实现异步交互的步骤?

1:创建XMLHttpRequest对象

2:通过XMLHttpRequest对象设置请求信息

3:向服务器发送请求

4:创建回调函数,根据响应状态动态更新页面

5:编写服务端端处理客户端请求

用例:实现无刷新用户名验证!

1:当用户名文本框失去焦点时,发送请求到服务器,判断

用户名是否存在,

2:如果已经存在提示不能使用,如果不存在提示可以使用

f293b24846465f4a22076acf82737052.png

1.原生get方式提交

f1723339a12749dce4e8d5753a1115bb.png

0c4302928664944e8212d0b71af37c07.png

2.原生post方式提交

d4827792ae7fc90c22bda38409577adc.png

jQuery 封装之后的Ajax:

ded8c5f207d32fcd78f41d5bf707d726.png

常用属性参数

6e293efbd16152e1832ad5e4acd20afa.png

常用函数参数

c83e52aaa446ebd31d1f9a998355275d.png

用例:

090cdfb6b345841c5f170316df7b2449.png

1.编写jQuery

abd48868a0221fd58241bed20c67e66e.png

15c12de075ced859abd66c52cf8a057d.png

f9d42b514577472e1565aee576216693.png

get方法的Ajax:

4b92b4791cad29c8347e514a5e372d85.png

033959cea53d350b3848412a4f528734.png

用例:改造用户登录验证

2fe293f70da0d749e7ee6a488812f73f.png

post方法的Ajax:

bb625ee7e8e75a8d59d9d36c44455d80.png

getJSON方法的Ajax:

7a63c49dfc69f7451d39f549ecae1d38.png

默认请求方式为get,返回json格式的数据

018a5858728724f655dd1cbcccad1a60.png

.load方法的Ajax:

Ajax请求Servlet直接返回html页面的步骤?

1:管理员登录成功直接进入管理员界面

2:在管理员页面通过Ajax技术加载新闻数据

3:服务器直接生成展示所需的HTML片段

4:在管理员首页直接使用响应的HTML片段

dac372f247d4939d1f225e03cb4c3679.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值