將form元素的屬性action、enctype、method去掉，添加id="form"，form元素就變?yōu)?lt;form id="form">

引入jquery庫(kù)，點(diǎn)擊【這里】下載

提交按鈕增加 onclick="add_ajax()" 并把 type="submit" 修改為 type="button" 
例如：<input type="button" value="提 交" onclick="add_ajax()" />

把a(bǔ)jax代碼放在頁面最底部（不能放在jquery庫(kù)之前）

function add_ajax(){
    $.ajax({
        type: "POST",
        url: "/plus/diy.php",//提交到后臺(tái)文件
        data: $('#form').serialize(),//表單傳值
        success: function(data) {
            alert(data);//彈窗顯示PHP返回的值，如不需要顯示，注釋掉這行即可
            $('#form')[0].reset();//提交后清除表單填寫的值
        }
    });
    return false;
}

延伸閱讀：
當(dāng)表單的屬性設(shè)置為"disabled"時(shí)，提交表單時(shí)，select的值無法傳遞，需要提交前移除disabled屬性，使用$("#role").removeAttr("disabled");即可（提交前移除id="role"的disabled屬性）