jquery的几种ajax提交方式

1、 $.post( "login.do?method=1" , // 利用 ajax 发起请求,这里写 servlet 的路径
{ "username" : name, "password" : pwd}, // 传参
function (data) { // 请求成功时的回调函数
if (data.IsOK == true ) {
window . location . href = "login.do?method=2" ; // 如果返回的 IsOK 的值为 true, 也就是用户名密码都正确,则执行该跳转
} else {
window . location . href = "http://www.baidu.com" ;
}
},
"json"
);

2、$.post(
url,
function (data) {
if (data.retcode == "0" ) {
alert (data.retmsg);
} else {
alert (data.retmsg);
}
}
);

3、$.ajax({
type : "GET" , // 请求类型
url : path + "/delete.do" , //URL
data : { uid : obj.attr( "userid" )}, // 传递的参数
dataType : "json" , // 返回的数据类型
success : function (data) { //data 就是返回的 json 类型的数据
if (data.mess == "true" ) {
alert ( " 删除成功 " );
obj.parents( "tr" ). remove ();
} else if (data.mess == "false" ) {
alert ( " 对不起 , " + obj.attr( "username" ) + " 用户删除失败 " );
} else if (data.mess == "noex" ) {
alert ( " 对不起 , 用户 " + obj.attr( "username" ) + " 不存在 " );
}
},
error : function (data) {
alert ( " 删除失败 " );
}
});

4、 function ajaxSubmit () {
$.ajax({
url : "http://localhost:8080/RESTfulWSDemo/services/helloWorld" , // 请求的 url 地址
dataType : "json" , // 返回格式为 json
async : true , // 请求是否异步,默认为异步,这也是 ajax 重要特性
data : {
"username" : "Ajax 提交请求 "
}, // 参数值
type : "get" , // 请求方式
cache : false ,
dataType : 'html' ,
beforeSend : function () {
// 请求前的处理
alert ( " 请求前 " );
},
success : function (data) {
alert (data);
// 请求成功时处理
alert ( " 成功 " );
},
complete : function () {
// 请求完成的处理
alert ( " 完成 " );
},
error : function () {
// 请求出错处理
alert ( " 错误 " );
}
});

}
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用jQueryajax方法进行请求提交后,可以通过以下几种方式实现局部刷新页面: 1. 使用jQuery的load方法刷新页面局部内容: 在ajax请求成功的回调函数中,使用load方法将需要刷新的页面内容加载到指定的元素中。例如,假设需要刷新id为"content"的div元素,可以使用以下代码: ```javascript $.ajax({ url: "your_url", type: "POST", data: your_data, success: function(response) { $("#content").load("your_page_to_refresh #content"); } }); ``` 以上代码会将"your_page_to_refresh"页面中id为"content"的元素的内容加载到当前页面的id为"content"的div元素中。 2. 使用jQuery的html方法替换内容: 在ajax请求成功的回调函数中,通过html方法将需要刷新的页面内容替换为返回的新内容。例如,假设需要刷新id为"content"的div元素,可以使用以下代码: ```javascript $.ajax({ url: "your_url", type: "POST", data: your_data, success: function(response) { $("#content").html(response); } }); ``` 以上代码会将返回的新内容替换当前页面id为"content"的div元素的内容。 3. 使用jQuery的append方法追加内容: 在ajax请求成功的回调函数中,通过append方法将返回的新内容追加到需要刷新的页面内容后面。例如,假设需要刷新id为"content"的div元素,可以使用以下代码: ```javascript $.ajax({ url: "your_url", type: "POST", data: your_data, success: function(response) { $("#content").append(response); } }); ``` 以上代码会将返回的新内容追加到当前页面id为"content"的div元素的末尾。 以上是三种常用的局部刷新页面的方法,根据实际需求选择适合的方法来刷新页面的局部内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值