jquery中Ajax请求,get方式与post方式
Ajax基本方式:
<script>
// 定义方法
function fun() {
// 使用 $.ajax() 发送异步请求
$.ajax({
url:"ajaxServlet",//请求路径
type:"POST",//请求方式
data:{username:"wangshuaishuai",age:20},
success:function (data) { // data 服务器响应给客户端的值
alert(data);
},// 响应成功后调回函数
error:function () {
alert("出错了...")
},// 如果请求响应出现错误,会执行这一个函数
dataType:"text" // 设置接收响应数据类型
});
}
</script>
get方式:
语法解析:$.get(url,[data],[callback],[type]);
参数解析:
- url: 请求路径
- data:请求参数
- callback:回调函数
- type:响应结果类型
$.get("ajaxServlet",{username:"wangxiansheng"},function (data) {
alert(data); //执行完请求返回的参数内容
},"text");//设置的返回类型为text类型
post方式
语法解析:$.post(url,[data],[callback],[type]);
参数解析:
- url: 请求路径
- data:请求参数
- callback:回调函数
- type:响应结果类型
$.post("ajaxServlet",{username:"wangshuaishuai"},function (data) {
alert(data); //执行完请求返回的参数内容
},"text");//设置的返回类型为text类型