十年经验的全栈程序员!各种CMS快速仿站200起!模板修改!网站二次开发 !小程序定制开发!戳我
1将form元素的属性action、enctype、method去掉,添加id="form",form元素就变为
2引入jquery库
3提交按钮增加 onclick="add_ajax()" 并把 type="submit" 修改为 type="button"
例如:
<input type="button" value="提 交" onclick="add_ajax()"/>
4把ajax代码放在页面最底部(不能放在jquery库之前)
function save(){ $.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属性)