1. $.ajax()

前台代码:

jQuery版的Ajax(******)

 

Ajax参数解析:

url:后台请求地址,一般指定servlet地址

type:前台提交方式,可以为getpost

data:向后台提交的数据,以json格式传递

dataType:响应数据类型,text/html/script/json

success:响应成功后的回调函数function(obj){} 参数obj表示响应回来的数据

servlet代码:

jQuery版的Ajax(******)

 

页面效果:

jQuery版的Ajax(******)

 

案例:用户的唯一验证

第一步:将jquery库文件加入到项目中

 

jQuery版的Ajax(******)

jQuery版的Ajax(******)

 

第二步:处理文本框失去焦点事件

jQuery版的Ajax(******)

 

第三步:在失去焦点事件中做非空验证和唯一验证

jQuery版的Ajax(******)

 

第四步:servlet代码

jQuery版的Ajax(******)

 

第五步:service代码

jQuery版的Ajax(******)

 

第六步:dao代码

jQuery版的Ajax(******)

 

2.$.get(),$.post()

优点:代码简洁

缺点:要求传递值的顺序不能改

 

jQuery版的Ajax(******)

jQuery版的Ajax(******)

 

3.Ajax同步问题:async:false

async:设置是不是异步请求,值为true表示异步;值为false表示同步,默认值是true.

当一个页面中有多个ajax请求时,既有同步请求,又有异步请求,同步请求先于异步请求执行。如果有多个同步请求时,按代码的书写顺序执行。

相关文章:

  • 2022-03-08
  • 2021-06-20
  • 2021-12-01
  • 2021-06-08
  • 2021-10-04
猜你喜欢
  • 2022-02-22
  • 2021-06-16
  • 2022-12-23
  • 2021-11-30
  • 2021-09-11
  • 2022-12-23
  • 2021-06-25
相关资源
相似解决方案