ajax提交表单为什么页面还跳转呢?
程序员文章站
2022-05-27 16:52:54
...
数据能提交也能返回。但是页面会跳转, 跳转后的url是get形式的。
如:http://127.0.0.1:8080/MyBlog/Admin/Blog/insert?title=111&tags=111
写博客
if(M('article')->add($add)){
$data['message'] = '发布成功';
$data['icon'] = 6;
$this->ajaxReturn($data);
}else{
$data['message'] = '发布失败';
$data['icon'] = 5;
$this->ajaxReturn($data);
}
回复内容:
数据能提交也能返回。但是页面会跳转, 跳转后的url是get形式的。
如:http://127.0.0.1:8080/MyBlog/Admin/Blog/insert?title=111&tags=111
写博客
if(M('article')->add($add)){
$data['message'] = '发布成功';
$data['icon'] = 6;
$this->ajaxReturn($data);
}else{
$data['message'] = '发布失败';
$data['icon'] = 5;
$this->ajaxReturn($data);
}
因为你提交的按钮是button,button的type默认是submit,当你点击按钮时,先触发ajax,接着执行form表单提交
那你得手动阻止跳转:
$('#submit').on('click', function(e) {
e.stopPropagation();
e.preventDefault();
var action = $('#form1').attr('action');
var title = $('#title').val();
var tags = $('#tags').val();
var content = $('#textarea1').val();
$.post(
action,
{title: title, tags: tags, content: content},
function(data) {
layer.msg(data.message, {
icon: data.icon,
time: 2000 //2秒关闭(如果不配置,默认是3秒)
});
}
);
});
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
相关文章
相关视频
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论