js 利用ajax將前台數據傳到后台(json格式)

有兩種辦法

1.

$(document).ready(function () {
        $("#saveAll").live("click", function () {  //點擊id為saveAll
            $('input:text').each(function (i) {    //找到所有input的type為text的文本框
                $(this).trigger('blur');　　　　　　 //執行所有input的type為text的文本框失去焦點事件
            });
                        //創建json數組
                        var json = "{"
                        $("input:text").each(function (i) {
                            if (i == 0) {
                                json += $(this).attr("id") + ":" + $(this).val();
                            } else {
                                json += "," + $(this).attr("id") + ":" + $(this).val();
                            }
                        });
                        json += "}";
                        //將json數組傳到后台
                        $.ajax({
                            type: "Post",
                            url: "/Exam/Correcting",
                            data: { jsonmodel: json },
                            dataType: "json",
                            success: function (r) {
                            },
                            error: function (err) {
                                alert("查詢失敗");
                            }
                        });

            $.post("/Exam/ExamCorrecting", $("form").serialize(), function (r) {
           });
           return false;
        });

后台添加解析傳過來的json數據的方法:

/// <summary>
        /// 將json數據轉化為Object類型
        /// </summary>
        /// <param name="input"></param>
        /// <returns></returns>
        public static Object JsonDataToObject(String input)
        {
            try
            {
                if (input.Trim().StartsWith("{"))
                {
                    JObject result = JObject.Parse(input);
                    if (result.Property("errorCode") != null)
                    {
                        throw new Exception();
                    }
                    return result;
                }
                else
                {
                    JArray result = JArray.Parse(input);
                    return result;
                }
            }
            catch (Exception ex)
            {
                //Logger.Error("解析JSON數據異常：" + ex.Message);
                return null;
            }
        }

最后遍歷傳過來的json數據了:

 public ActionResult Correcting(string jsonmodel)
        {
            //解析傳過來的json數組
            JObject obj = (JObject)JsonDataToObject(jsonmodel);
            foreach (var item in obj)
            {
            }
        }        

這里說一下,解析出來的obj是一個鍵值對,也就是說,key必須要唯一的,否則會出錯.

 

 

 

2(mvc下).

    $(document).ready(function () {
            $.post("/Exam/ExamCorrecting", $("form").serialize(), function (r) {
            });
            return false;
        });

將整個表單post過去,FormCollection fc接受json,然后遍歷.

fc[item]為key值, v為value值

public ActionResult Correcting(FormCollection fc)
        {
            foreach (string item in fc)
            {
                var v = fc[item];
                if (string.IsNullOrEmpty(v))
                {
                    continue;
                }
                double score = double.Parse(v);
                if (o_Res.updateExamAnswer(item, score))
                {
                }
                else
                {
                    return Json(new MLJsonResult { msg = Resources.Message.SaveFailure, success = false });
                }
            }

 

3.webForm下 js還是同第二個相同

后台好像是Request.Form來接受數據吧,沒用過,待百度..