ajax 弹窗 提交表单,织梦自定义表单ajax提交及弹窗提示

废话不多说！直接进入主题！

第一：

我们先对织梦自定义表单进行ajax改造，将form元素的属性action、enctype、method去掉，添加id="form"，form元素就变为

引入jquery库，点击【这里】引用

提交按钮增加 οnclick="add_ajax()" 并把 type="submit" 修改为 type="button" 例如：

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

$.ajax({

type: "POST",

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

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

success: function(data) {

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

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

}

});

return false;

}

到这里ajax提交后台就完成了！简单粗暴！

——

然而实际应用会发现，提示框与预期的不一样了！

下面我们接着来改造。

引用下面的css样式.win { display: none; }

.mask-layer { position: fixed; width: 100%; h