JQuery擴展提交JSON數據

$.fn.extend({
    // $(that).children() 只讀取 id 以 "json_" 開始的元素,
    // 且 id 的命名規則一定是 json_[id]_[dataType]
    // [id] 是不能包含 _ 的任何有意義的名稱
    // [dataType] 是該元素的數據類型,根據 c# 的基本數據類型命名,用途待續...
    toSubmitJSON: function (url) {

        var that = this;
        var elementIdPattern = /^json_[a-zA-Z0-9]+_[a-z]+$/;  //!important

        var jsonEntity = function (elementId, elementValue) {
            var splitFrom = elementId.split("_");
            this.id = splitFrom[1];
            this.dataType = splitFrom[2];
            this.value = elementValue;
            this.toJSONString = function () {
                return '{"id":"' + this.id + '","dataType":"' + this.dataType + '","value":"' + this.value + '"}';
            };
        };

        var getJSONData = function () {
            var jsonBuilder = "";
            var child = $(that).children();
            child.each(function (index) {

                var element = child.eq(index);
                var elementId = element.attr("id");

                if (elementId != undefined) {
                    if (elementIdPattern.test(elementId)) {
                        var entity = new jsonEntity(elementId, element.val());
                        if (jsonBuilder == "") {
                            jsonBuilder = entity.toJSONString();
                        }
                        else {
                            jsonBuilder = jsonBuilder + "," + entity.toJSONString();
                        }
                    }
                }
            });
            if (jsonBuilder != "") {
                jsonBuilder = "[" + jsonBuilder + "]";
            }
            return jsonBuilder;
        }
       
        //jsondata為空,說明讀取不到任何按規定格式命名的元素.
        var jsondata = getJSONData();
        if (jsondata == "") {
            alert("missing json data element.");
        }
        else {
            $.ajax({
                url: url,
                type: "POST",
                dataType: "json",
                contentType: "application/json",
                data: jsondata,
                cache: false,
                error: function (jqXHR) {
                    alert(jqXHR.statusText);
                },
                success: function (data) {
                    alert(data);
                },
                complete: function () {
                    alert("complete");
                }
            });
        }
    }
});

結合 Newtonsoft.json 獲取數據

public ActionResult JsonData(){
            string json = new System.IO.StreamReader(this.HttpContext.Request.InputStream).ReadToEnd();

            var result=Newtonsoft.Json.JsonConvert.DeserializeObject(json);

            return Json(result.ToString());
}

 

@{
    ViewBag.Title = "Index";
}
<h2>Index</h2>
<script type="text/javascript" src="Scripts/jquery.submitJSON.js"></script>
<div id="jsondiv1">
<input id="json_myUsername_string" type="text" value="admin" />
<input id="json_myPassword_string" type="text" value="123456" />
<input type="button" id="jsondata" value="submit" onclick="$($('#jsondiv1').toSubmitJSON('../DataExe/JsonData'))" />
</div>