花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

織夢不跳轉(zhuǎn)ajax提交自定義表單的方法

時間: 2018-12-03 08:13 閱讀: 作者:素材無憂網(wǎng)

在做項目的過程中遇到要將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屬性)


版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 織夢不跳轉(zhuǎn)ajax提交自定義表單的方法

標(biāo)簽:  
模板推薦