$.post() 提交表单，$.get() 异步刷新页面

最新推荐文章于 2021-08-06 00:00:19 发布

偉Z

最新推荐文章于 2021-08-06 00:00:19 发布

阅读量891

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_37815934/article/details/77773845

本文介绍了如何使用jQuery的$.post()方法提交表单，并利用$.get()进行异步刷新页面。通过示例代码展示了$.post()在发送表单数据到指定URL后，根据返回的JSON数据进行不同情况的处理；同时演示了$.get()方法在不传递参数时，如何更新页面部分内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.post() 提交表单

$.post("url",$(this).closest('form').serializeArray(),function(data){
if(data.code==100){
//alert("提示：申请成功");

}else if(data.code==110){

}else{
}
},"json");

$.get() 异步刷新页面

$.get("url",{},function(data){

if(data.code==100){

var dataStr='';
if(data.seller!=null && data.seller.length>0){

$('.bus-top-tb').children("li").remove(); //删除 li 标签

//$('.bus-top-tb').empty();

$.each(data.seller,function(i,s){ //动态添加 li 标签，通过$.each 遍历后台传来的 seller 集合
dataStr += '<li class=" ">'
+'<div class=" ">'
+ s.nickName
+'</div>'
+'<div class=" ">'
+ s.amount+'件'
+'</div>'
+'<div class=" ">'
+s.PayPrice + '元'
+'</div>'
+'<div class=" ">'
+s.city
+'</div>'
+'</li>';
});
}
$("#bus-top-tb").append(dataStr); // 加入到 ul 标签

}
},'json');