ajax提交表單小記

jayce 發(fā)布于2019-08-20 16:38 / 2958人閱讀

摘要：使用提交表單，類型不支持事件，需要改成類型，并綁定事件，進行提交設(shè)置，方便用取到表單，并進行序列化序列化表格內(nèi)容為字符串新增序列化表格內(nèi)容為字符串使用數(shù)據(jù)類型，能成功請求到，但是執(zhí)行的是方法，不設(shè)置則執(zhí)行方法文件中引用文件

<%----%>

使用ajax提交表單，submit類型不支持click事件，需要改成button類型，并綁定click事件，進行ajax提交

<%----%>

設(shè)置id，方便用id取到表單，并進行序列化

$("#button").click(function(callback) {
    alert(1);
    //contact-form
    varformParam = $("#contact-form").serialize();//序列化表格內(nèi)容為字符串
    $.ajax({
        type:"get",
        url:"blog/test.do",
        data:formParam,
        cache:false,
        dataType:"json",
        success:function(data){
        }
    });

});

//新增
$("#button").click(function() {
    alert(1);
    //contact-form
    varformParam = $("#contact-form").serialize();//序列化表格內(nèi)容為字符串
    $.ajax({
        type:"post",
        url:"blog/test.do",
        data: formParam,
        cache:false,
        // dataType:"json",
        success:function () {
            alert(2);
        },
        error:function () {
            alert(3);
        }
    });

});

使用json數(shù)據(jù)類型，能成功請求到url，但是執(zhí)行的是error方法，不設(shè)置則執(zhí)行success方法
?
JS文件中引用JS文件：

document.write("");
// document.write("");

GPU云服務(wù)器云服務(wù)器 ajax提交form表單 jquery_ajax提交表單 ajax提交亂碼 ajax提交文件

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/83060.html

相關(guān)文章

ajax提交form表單到數(shù)據(jù)庫(無刷新)

摘要：在靜態(tài)頁面提交表單到數(shù)據(jù)庫很簡單就是單純的這個缺點是會刷新頁面，會跳轉(zhuǎn)頁面的。當然上面的代碼只是簡單的實現(xiàn)了提交表單但是還有很多細節(jié)需要優(yōu)化，例如表單驗證，數(shù)據(jù)加密等，可以自己拓展學習，完善。在靜態(tài)頁面提交表單到數(shù)據(jù)庫很簡單就是單純的這個缺點是會刷新頁面，會跳轉(zhuǎn)頁面的。今天給大家?guī)淼募夹g(shù)就是ajax提交表單優(yōu)點是不刷新頁面，不跳轉(zhuǎn)頁面，靜默提交的。至于什么是ajax，自己去百度...

荊兆峰 2019-08-26 11:45 評論0 收藏0
ajax提交form表單到數(shù)據(jù)庫(無刷新)

摘要：在靜態(tài)頁面提交表單到數(shù)據(jù)庫很簡單就是單純的這個缺點是會刷新頁面，會跳轉(zhuǎn)頁面的。當然上面的代碼只是簡單的實現(xiàn)了提交表單但是還有很多細節(jié)需要優(yōu)化，例如表單驗證，數(shù)據(jù)加密等，可以自己拓展學習，完善。在靜態(tài)頁面提交表單到數(shù)據(jù)庫很簡單就是單純的這個缺點是會刷新頁面，會跳轉(zhuǎn)頁面的。今天給大家?guī)淼募夹g(shù)就是ajax提交表單優(yōu)點是不刷新頁面，不跳轉(zhuǎn)頁面，靜默提交的。至于什么是ajax，自己去百度...

2i18ns 2019-06-28 18:25 評論0 收藏0
四種表單驗證方法的分析和比較

摘要：本文將列舉四種不同原理的表單驗證方法，并給出各方法在服務(wù)器上的實現(xiàn)。小結(jié)上述四種驗證方法各有優(yōu)缺點，用戶應(yīng)該根據(jù)需求選擇不同的方法。前言任何可以交互的站點都有輸入表單，只要有可能，就應(yīng)該對用戶輸入的數(shù)據(jù)進行驗證。無論服務(wù)器后端是什么樣的系統(tǒng)，都不愿意把時間浪費在一些無效的信息上，必須對表單數(shù)據(jù)進行校驗，若有不符合規(guī)定的表單輸入，應(yīng)及時返回并給出相應(yīng)的提示信息。本文將列舉四種不同原理...

starsfun 2019-07-01 10:33 評論0 收藏0
四種表單驗證方法的分析和比較

摘要：本文將列舉四種不同原理的表單驗證方法，并給出各方法在服務(wù)器上的實現(xiàn)。小結(jié)上述四種驗證方法各有優(yōu)缺點，用戶應(yīng)該根據(jù)需求選擇不同的方法。前言任何可以交互的站點都有輸入表單，只要有可能，就應(yīng)該對用戶輸入的數(shù)據(jù)進行驗證。無論服務(wù)器后端是什么樣的系統(tǒng)，都不愿意把時間浪費在一些無效的信息上，必須對表單數(shù)據(jù)進行校驗，若有不符合規(guī)定的表單輸入，應(yīng)及時返回并給出相應(yīng)的提示信息。本文將列舉四種不同原理...

wwolf 2019-08-26 12:17 評論0 收藏0
web端文件上傳功能的思考

摘要：概述文件上傳是一個很常見的需求，實現(xiàn)文件上傳的技術(shù)也很多。幫助文檔模擬無刷新的文件上傳功能頁面無刷新上傳文件模擬，超簡單為什么上傳文件的表單里要加個屬性接口對象的介紹使用對象涉及文章侵權(quán)，請郵件告知。概述文件上傳是一個很常見的需求，實現(xiàn)文件上傳的技術(shù)也很多。下面就談?wù)勔恍┏Ｒ姷纳蟼骷夹g(shù)以及它們的優(yōu)劣。傳統(tǒng)表單上傳傳統(tǒng)表單文件上傳估計是運用最廣泛和最簡單的技術(shù)了，說它簡單是...

Jaden 2019-08-21 12:35 評論0 收藏0