織夢不跳轉(zhuǎn)ajax提交自定義表單的方法
來源：本站原創(chuàng)|時間：2021-08-05|欄目：dedecms|點擊： 次
在做項目的過程中遇到要將form表單提交轉(zhuǎn)為ajax方式提交，下面是我總結(jié)的如何把form表單提交無縫轉(zhuǎn)為ajax方式提交的方法。
將form元素的屬性action、enctype、method去掉，添加id="form"，form元素就變?yōu)?lt;form id="form">
提交按鈕增加 onclick="add_ajax()" 并把 type="submit" 修改為 type="button"
例如：<input type="button" value="提 交" onclick="add_ajax()" />
把ajax代碼放在頁面最底部（不能放在jquery庫之前）
<script type="text/javascript">
function add_ajax(){
$.ajax({
type: "POST",
url: "/plus/diy.php",//提交到后臺文件
data: $('#form').serialize(),//表單傳值
success: function(data) {
alert(data);//彈窗顯示PHP返回的值，如不需要顯示，注釋掉這行即可
$('#form')[0].reset();//提交后清除表單填寫的值
}
});
return false;
}
</script>
|
延伸閱讀：
當(dāng)表單的屬性設(shè)置為"disabled"時，提交表單時，select的值無法傳遞，需要提交前移除disabled屬性，使用$("#role").removeAttr("disabled");即可（提交前移除id="role"的disabled屬性）
上一篇：織夢默認文章命名規(guī)則和列表命名規(guī)則修改方法
欄 目：dedecms
下一篇：織夢后臺批量增加欄目時的排序問題
本文標(biāo)題：織夢不跳轉(zhuǎn)ajax提交自定義表單的方法
本文地址：http://mengdiqiu.com.cn/a1/dedecms/13963.html
您可能感興趣的文章
- 08-05Dedecms文件目錄結(jié)構(gòu)解說（能知道織夢每個文件有什么用）
- 08-05織夢DedeCMS獲取當(dāng)前欄目文章數(shù)量
- 08-05織夢模板如何添加和調(diào)用自定義字段的方法
- 08-05織夢DedeCMS調(diào)用顯示discuz里面主題的方法
- 08-05限制織夢會員每天投稿數(shù)量方法
- 08-05常用的織夢dedecms安全設(shè)置集合整理
- 08-05織夢教程：后臺編輯器添加中文字體方法
- 08-05織夢修改文章排序到第一位如何解決？
- 08-05dede副欄目調(diào)用支持arclist標(biāo)簽
- 08-05織夢教程：手把手教你讓dedecms禁止發(fā)布重復(fù)文章
