宝哥软件园

如何在Jquery中使用Ajax技术

编辑:宝哥软件园 来源:互联网 时间:2021-08-27

Jquery的Ajax技术(重点)

Jquery是一个优秀的js框架,它自然封装了js的原生ajax。封装的ajax操作方法更简单,功能更强大。有几种与ajax操作相关的方法,但是在开发中经常使用三种方法:

1)$.get(url、[数据]、[回调]、[类型])

2)$.帖子(url、[数据]、[回调]、[类型])

区别:get有字节码乱码问题,post没有字节码乱码问题(把请求的页面数据拿到后台,后台响应. setcontexttype(" text/html;Charset=UTF-8”)对乱码问题的响应与之前相同)

其中:

Url:服务器地址数据:数据(key=value格式或json格式)回调:服务器成功响应触发的函数(正常成功返回后才执行)类型:服务器返回的数据类型(jquery会根据指定类型自动转换)常用返回类型:text、Json、html等。如果类型是json,服务器返回的json格式字符串会帮助我们在jq内部自动转换,那么在回调函数中得到的实际参数可以直接被转换后的js对象使用。

参数的顺序是可以更改的,但是如果把数据放在后面,就无法传输数据,所以不要擅自更改,严格按照jq文档中的顺序使用。

函数get () {$。get ('/web22-Ajax/ajaxservlet2 ',//URL { ' name ' : ' muzidigig ',' age' :22},//请求参数,json数据格式函数(data){//请求成功后返回参数alert()。},' JSON ');};//java只能是java代码,首页的代码只能转换成json对象response.getwriter()。书写(' { '姓名' : '子木 ', '年龄' :22 } ');3)$.ajax({ option1:value1,option2:value2.} );(重要)

常用选项如下:

Async:不管是否异步,默认情况下异步为真

Url:请求服务器端地址

类型:请求模式,开机自检/获取(不写默认获取)

数据:发送到服务器的参数。建议使用json格式

成功:成功响应执行的函数,对应类型为函数类型,请求成功后得到的值会自动封装在该函数的第一个参数中

错误:未能响应执行的函数,对应的类型是函数类型

数据类型:服务器返回的数据类型,通常是文本和json

send:之前的函数(参数){},//是在发送请求之前调用的,可以做一些验证等处理。如果返回false,则可以取消这个ajax请求。

Bodybutton发送请求/button/body script src=' http : jquery-3 . 3 . 1 . js '/script script $(' button ')。单击(function () {$)。Ajax ({async3360 true,Url: '发送请求到后台地址',type:'post ',//请求模式data3360 { ' name ' : ' muzidigbig ',' age' :' 20'},//请求数据成功:函数(backdata){//请求成功后返回的数据将封装在回调函数的第一个参数中//通过back data获取所需的数据告警(back data . name back data . age);},error:function () {//函数console.log('请求失败!')},dataType:'json'//设置返回的数据类型});/剧本,如有不足,请给我你的建议!希望给大家带来帮助!

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。如果你想了解更多,请查看下面的相关链接

更多资讯
游戏推荐
更多+