javascript对DOM对象的操作方法总结
点击数：352
使用织梦进行网站制作中，会偶尔用到使用ajax的方式进行表单数据的提交，那么该如何进行实现呢？ 1.将form元素的属性action、enctype、method去掉，添加id=form，form元素就变为form id=form；...
使用织梦进行网站制作中，会偶尔用到使用ajax的方式进行表单数据的提交，那么该如何进行实现呢？
1.将form元素的属性action、enctype、method去掉，添加id="form"，form元素就变为
2.引入jquery库，可使用cdn引入，也可自行下载引入；
3.提交按钮增加 onclick="add_ajax()" 并把 type="submit" 修改为 type="button" ，如下：
例如：
4.把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;}
5.注意：
当表单的属性设置为"disabled"时，提交表单时，select的值无法传递，需要提交前移除disabled属性，使用$("#role").removeAttr("disabled");即可（提交前移除id="role"的disabled属性）
发表评论：
评论记录：