亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > AJAX > 正文

基于Ajax表單提交及后臺處理簡單的應用

2024-09-01 08:27:41
字體:
來源:轉載
供稿:網友

首先先說下表單提交吧,要提交表單那么就得先收集表單數據(至于驗證這個我就不說了,要說留下下次吧),有了jquery取個html的值還是簡單$("xxid").val()等就完了,但如果一張表單收集的數據很多,像這樣的表單又有很多張,那用此方法肯定麻煩死,并且容易眼花錄錯。所以,我們就可以簡單的來定義一個收集規則,如在要回傳到服務器的數據表單控件,可以做個標記,到時取的時候把這些標記的數據一起取回去。

 就拿最簡單的文體輸入做例子吧<input type="text" id="txtcode" name="txtcode" datafield="Code" style="width: 200px" />我們加一個"datafield"屬性,存入的值為對應服務器相關類的屬性名。有了這標記前臺取數據就好辦了。

我們可以定個通用方法如下面代碼

getFormData: function(formid) {        var data = {};    //獲取TEXT文件內容    $("#" + formid + " input[type=text]").each(function(i, o) {      var jo = $(o);      if (jo.attr("datafield")) {        var str = jo.val();        str = str.replace(" ", "");        if (str !== "") {                    data[jo.attr("datafield")] = jo.val();        }      }    });    return data;}

這里就是一個簡單的獲取表單里面所有text文本,并放入到一個data對象里面,至于其它表單控件值怎么取我就不多說了,原理差不多。

那么接下回就是把數據發到服務器上了,我這里就直接用jquery帶的ajax。

var save = function(sender) {           $(sender).prop("disabled", true); //禁用按鈕,防止重復發送      var data = getFormData("form1");      var jsonobj = { jsondata: data };      var textdata = JSON.stringify(jsonobj);      $.ajax({        type: "POST",        contentType: "application/json; charset=utf-8",        url: "xxxxx.aspx/Save",        dataType: "json",        data: textdata,        success: function(msg) {          if (msg.d == "1") {            document.form1.reset();            alert("保存成功!");                     }          else if (msg.d == "0") {            alert("保存失??!");          }        },        complete: function(jqXHR, textStatus) {          $(sender).prop("disabled", false); //還原按鈕        }      });    }

這里的"xxxxx.aspx/Save"就是ajax處理頁面,其它就是一個webmethod。做了一下防止客戶手速太快,服務處理太慢,重復點擊的處理。

這樣一個表單數據收集,回傳服務器就完成了。這里使用json2.js的JSON.stringify方法統一將對象轉成json字符,好處就是不用自己為拼json字符串而考慮json的格式問題,簡單干凈。

那么客戶已經把數據收錄好了,服務器也該要處理數據了。我們從前臺來的數據的鍵(json的key),不可能全部包括某個數據類的所有屬性。并且數據類也有很多個,應該是哪一個類只有服務器才知道。所以這里我們就需要寫一個幫助的轉換類。這里又有問題,有可能數據類有很多個,難道我要為每一個類寫一個方法,那不是個坑么?所以我們分析下客戶端傳到服務端上的數據格式,它是一組鍵值對且不會重復,那么就相當于一個Dictionary<string, string>,后臺的類有很多種,那么至少我們能確定一個傳入參數了,傳出的就是相關類。相關類?到底是哪一類還只有到了具體后臺收集方法里才知道。那么,整理一下思路,現在有一個Dictionary<string, string>要變成一個數據類,數據類到底是什么有什么樣的屬性?搞不清,但這個Dictionary<string, string>的key(鍵)可以看做是這個數據類屬性集的一個子集,而這個Dictionary<string, string>的value(值)是這個數據類屬性值toString()的子集。那樣這樣就好辦了。屬性集怎么???反射。這么多類到底是哪個?不管它,泛型解決。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
成人免费视频在线观看超级碰| 98视频在线噜噜噜国产| 久久99热精品这里久久精品| 国产日韩av高清| 久久精品国产视频| 国产一区二区三区在线播放免费观看| 日韩在线观看网址| 久久手机精品视频| 久久影视三级福利片| 国产精品18久久久久久麻辣| 夜色77av精品影院| 一区二区三区视频在线| 久久国产精品久久久久| 久久精品99久久香蕉国产色戒| 国产成人97精品免费看片| 国产精品ⅴa在线观看h| 欧美久久久精品| 国产日韩精品在线播放| 欧美日韩国产综合新一区| 日韩在线资源网| 久久在精品线影院精品国产| 国产日韩欧美成人| 黑人精品xxx一区一二区| 亚洲xxxx妇黄裸体| 亚洲视频在线观看| 美女福利精品视频| 国产综合视频在线观看| 97国产成人精品视频| 国产精品欧美久久久| 中文字幕一区二区三区电影| 在线观看中文字幕亚洲| 国产一区二区三区在线播放免费观看| 国产成人亚洲综合| 在线精品高清中文字幕| 成人激情视频免费在线| 国产精品免费在线免费| 奇门遁甲1982国语版免费观看高清| 国产精品999999| 亚洲国产精品女人久久久| 国内揄拍国内精品少妇国语| 亚洲成人av资源网| 国产精品com| 欧美夫妻性视频| 日韩免费不卡av| 成人精品久久一区二区三区| 久久九九精品99国产精品| 亚洲欧洲在线观看| 日本精品视频在线观看| 中文字幕在线观看亚洲| 亚洲人精品午夜在线观看| 日韩av免费网站| 亚洲欧洲成视频免费观看| 国产精品无av码在线观看| 久久人体大胆视频| 亚洲成人激情小说| 精品久久久香蕉免费精品视频| 亚洲精品资源美女情侣酒店| 国产亚洲视频中文字幕视频| 日韩在线视频免费观看高清中文| 国语自产精品视频在免费| 午夜免费久久久久| 久久人体大胆视频| 中文字幕综合一区| 国产精品青草久久久久福利99| 青青草原一区二区| 97香蕉久久夜色精品国产| 国产精品av网站| 亚洲天堂av在线免费| 伊人亚洲福利一区二区三区| 97激碰免费视频| 亚洲图片在区色| 91在线免费观看网站| 日韩在线观看免费高清完整版| 少妇高潮久久77777| 亚洲无线码在线一区观看| 欧美日韩一区二区三区在线免费观看| 国产精品一区二区av影院萌芽| 国产精品99导航| 日韩av中文字幕在线| 91网站在线免费观看| 欧美有码在线观看| 欧美精品九九久久| 成人精品久久一区二区三区| 欧美日韩国产精品一区二区不卡中文| 国产一区二区三区视频在线观看| 色99之美女主播在线视频| 7m精品福利视频导航| 欧美成人免费播放| 久久成人精品视频| 91久久国产精品91久久性色| 日韩亚洲在线观看| 中文字幕免费精品一区| 亚洲精品久久久久久下一站| 久久免费视频在线| 久久精品免费电影| 亚洲一区二区三区乱码aⅴ| 日韩欧美国产成人| 欧美午夜女人视频在线| 久久99久久99精品中文字幕| 91青草视频久久| 色与欲影视天天看综合网| 91精品国产自产在线| 97超级碰在线看视频免费在线看| 97视频在线播放| 日韩av在线高清| 亚洲精品免费在线视频| 国产精品国语对白| 亚洲欧美国产日韩中文字幕| 国产va免费精品高清在线| 国产综合在线视频| 亚洲午夜色婷婷在线| 欧美专区国产专区| 操人视频在线观看欧美| 青青草精品毛片| 亚洲大胆人体av| 久久精品视频亚洲| 萌白酱国产一区二区| 久久电影一区二区| 国内免费精品永久在线视频| 欧美大片网站在线观看| 国产精品中文字幕在线观看| 深夜福利一区二区| 欧美一区二粉嫩精品国产一线天| 欧美一乱一性一交一视频| 亚洲天堂影视av| 日韩综合中文字幕| 热久久这里只有精品| 日韩精品在线第一页| 欧美激情网友自拍| 亚洲最大成人免费视频| 久久久久日韩精品久久久男男| 久久久影视精品| 北条麻妃在线一区二区| 午夜免费日韩视频| 欧美电影在线观看高清| 成人精品一区二区三区电影免费| 欧美视频不卡中文| 97在线免费观看| 亚洲欧美一区二区精品久久久| 亚洲综合最新在线| 亚洲欧美日韩国产中文专区| 夜夜嗨av色综合久久久综合网| 国产精品视频男人的天堂| 中文一区二区视频| 日韩av电影在线播放| 午夜精品一区二区三区av| 91av在线视频观看| 国产999精品久久久| 97不卡在线视频| 中文字幕国内精品| 国产精品黄页免费高清在线观看| 日韩久久午夜影院| 91亚洲精品一区二区| 国产91精品网站| 亚洲精品黄网在线观看| 国产精品高潮呻吟久久av黑人| 91久久在线播放| 秋霞成人午夜鲁丝一区二区三区| 日韩欧美精品在线观看| 久久久久久av| 国产精品视频精品| 精品久久久国产精品999| 欧美日韩成人在线视频| 日韩一中文字幕|