一、问题解决:
1. 检查jquery ajax 中是否有 拼写或者语法 拼写错误(注意标点符号)
2. 浏览器F12,查看 请求报错状态码。如404 表示地址错误(大多情况下都是地址错误)
二、Ajax 两种访问方式:
1. $.ajax();
$.ajax({
url:"${pageContext.request.contextPath}/admin/user" , //请求路径:"绝对路径/action地址"
type:"POST" , // 请求类型 GET/POST
data:{ // 传入参数 ,没有可去掉 data
name:"hello" , // 数据格式为 key:value
age:"18"
} ,
contentType: "application/json", //要发送服务器的数据类型
dataType: 'json' // 返回的数据类型;可以去掉(非必须填写)
success:function(result){ //请求成功,返回结果result,
alert(result); // 弹框打印result
}
error:function(message){ // 请求失败错误提示;可以去掉:
... // 一般请求成功或失败都封装在success函数中
}
});
2.$.post(); 或者 $.get();
jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
// 第一个参数是 请求路径url
// 第二个参数是 传入参数 data
// 第三个参数是 请求成功放回结果 result
$.post("/admin/user",{name:"user",age="18"},function(result){
console(result); //控制台打印result
});
3.两种请求方式的区别:
-
$.ajax(),在请求成功时调用函数(success:),也可以在请求失败时调用函数(error:);
-
而$.post()或$get(),只有请求成功时调用函数(success:)。所以当需要调用请求失败函数时只能使用 $.ajax() 。