1.使用jQuery函数,实现Ajax请求的处理
1.使用三个函数就能实现Ajax请求的处理
2.函数:
1.$.Ajax():jQuery中实现Ajax的核心函数
2.$.get():使用get方式发送Ajax请求
3.$.post():使用post方式发送Ajax请求
3.$.Ajax()函数的参数是一个json结构。
4.例如,$.ajax({名称:值,名称1:值......})
json结构参数说明:
1.async:boolean类型的值,默认是true,表示异步请求的。可以省略。
2.contentType:一个字符串,表示从浏览器发送到服务器参数的类型,可以不写。表示请求的参数是json格式的,contentType:application/json
3.data:可以是字符串、数组、json,表示请求的参数和参数值,常用的是json。
4.dataType:表示期望从服务器返回的数据格式,可选的有xml、html、text、json。
当我们使用$.ajax()发送请求时,会把dataType的值发送给服务器,Servlet就能读取到dataType的值,就知道你的浏览器需要返回什么数据格式了。
5.error:一个function,表示当请求发生错误时执行的函数。
error:function(){"发生错误时执行"}
6.success:一个function,表示请求成功了,从服务器返回的数据。
7.url:请求的地址
8.type:请求方式get/post,默认get方式
5.示例:
$.ajax({async:true,contentType:"application/json",data:{name:"jason",age:20},dataType:"json",error:function(){ 请求出现错误时执行的函数 } },success:function(data){
// data就是responseText,是jQuery处理后的数据
},url:"bmiservlet",type:"get" );
6,常用的就是url、data、dataType、success这四个。
7.常用版本:
8.使用时别忘记导入jQuery资源:<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
// 发送Ajax请求 $.ajax({ url:"queryjson", data:{ "proid":proid }, dataType:"json", success:function(resp){ alert(resp.name + "===" + resp.jiansheng) } })
原文:https://www.cnblogs.com/linxiaotian/p/14464404.html