ajax提交表單小記

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

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

<%----%>

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

<%----%>

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

$("#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ù)類型，能成功請(qǐng)求到url，但是執(zhí)行的是error方法，不設(shè)置則執(zhí)行success方法
?
JS文件中引用JS文件：

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/83060.html

相關(guān)文章

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

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

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

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

2i18ns 2019-06-28 18:25 評(píng)論0 收藏0
四種表單驗(yàn)證方法的分析和比較

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

starsfun 2019-07-01 10:33 評(píng)論0 收藏0
四種表單驗(yàn)證方法的分析和比較

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

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

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

Jaden 2019-08-21 12:35 評(píng)論0 收藏0