600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 织梦DedeCMS不跳转ajax提交自定义表单的方法

织梦DedeCMS不跳转ajax提交自定义表单的方法

时间:2020-03-22 17:34:00

相关推荐

织梦DedeCMS不跳转ajax提交自定义表单的方法

在做项目的过程中遇到要将form表单提交转为ajax方式提交,下面是总结的如何把form表单提交无缝转为ajax方式提交的方法。

将form元素的属性action | enctype | method去掉,添加id=”form”,form元素就变为

提交按钮增加onclick=”add_ajax()”并把type=”submit”修改为type=”button”

例如:

把ajax代码放在页面最底部(不能放在jquery库以前)

function add_ajax(){

$.ajax({

type: “POST”,

url: “/plus/diy.php”,//提交到后台文件

data: $(‘#form’).serialize(),//表单传值

success: function(data) {

alert(data);//弹窗显示PHP返回的值,如不需要显示,注释掉这行即可

$(‘#form’)[0].reset();//提交后清除表单填写的值

}

});

return false;

}

延伸阅读:

当表单的属性设置为”disabled”时,提交表单时,select的值无法传递,需要提交前移除disabled属性,使用$(“#role”).removeAttr(“disabled”);即可(提交前移除id=”role”的disabled属性)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。