如何在Jquery中使用Ajax技术
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'//设置返回的数据类型});/剧本,如有不足,请给我你的建议!希望给大家带来帮助!
摘要
以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。如果你想了解更多,请查看下面的相关链接
版权声明:如何在Jquery中使用Ajax技术是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。