问题记录【ajax提交表单时,页面发生跳转,直接跳到json输出数据页面】
·
一、 问题如下

因为其它页面都可以正常取得返回数据,结果这里直接给我跳到json格式的输出页面了
这是之前的代码
<button id="update" class="btn btn-success">修改</button>
$("#update").click(function() {
$.ajax({
type: "post",
url: "/user/update/" + $("#userId").attr("uni"),//url
dataType: "json",
success: function(data){
if (data === 1) {
alert("修改成功");
} else {
alert("修改失败");
}
}, error: function(){
alert("请求出错");
}
})
});
解决方法:
第一步:将button按钮修改为 a 标签
第二步:应为修改为a标签,就不能自动获取表单的数据了,所以将ajax请求加上serialize()方法,序列化表单数据
$("#update").click(function() {
$.ajax({
type: "post",
url: "/user/update/" + $("#userId").attr("uni"),//url
data: $("#updateFrom").serialize(),
dataType: "json",
success: function(data){
if (data === 1) {
alert("修改成功");
} else {
alert("修改失败");
}
}, error: function(){
alert("请求出错");
}
})
});
这样就解决了:

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)