正文：

1. 方法一：利用ajax

　　1) 客戶端js代碼：

 1 //獲取對象數組
 2 function GetQAS() {
 3     var stuAnswerList = [];
 4     var stuAnswer = { 'answerID': 1, 'answerType': 1, 'answerContent': 'one', 'answerSingle': 1, 'answerMultiple': '1,2', 'answerTOF': true };
 5     var stuAnswer1 = { 'answerID': 1, 'answerType': 1, 'answerContent': 'two', 'answerSingle': 1, 'answerMultiple': '1,2', 'answerTOF': true };
 6 
 7     stuAnswerList.push(stuAnswer);
 8     stuAnswerList.push(stuAnswer);
　　　　return stuAnswerList;
 9 }
10 //ajax提交數據
11 function SubmitStuAnswersAjax(stuAnswerArr) {
12 
13     $.ajax({
14         url: "../../Paper/SubmitStuAnswers",
15         type: "post",
16         data: { stuAnswerArr: stuAnswerArr },
17         async: false,
18         cache: false,
19         error: function (XMLHttpRequest, textStatus, errorThrown) {
20             if (XMLHttpRequest.status == 1001) {
21                 eval(XMLHttpRequest.ResponseText);
22             } else {
23                 alert("GetPaper error");
24             }
25         },
26         success: function (data) {
27             alert(data);
28         }
29     });
30 }
31 //按鈕點擊方法
32 function SubmitStuAnswersBtn() {
33     var stuAnswerArr = GetQAS();
34     SubmitStuAnswersAjax(stuAnswerArr);
35 }

　　2) 服務端C#代碼：

//stuAnswerEntity
public class stuAnswerEntity
        {
            public int answerID { set; get; }
            public int answerType { set; get; }
            public int answerSingle { set; get; }
            public string answerMultiple { set; get; }
            public bool answerTOF { set; get; }
            public string answerContent { set; get; }
        }

//stuAnswerArr 注意前后台變量名稱一定要相同
public ActionResult SubmitStuAnswers(List<stuAnswerEntity> stuAnswerArr)
{
    bool re = false;
    List<stuAnswerEntity> stuAnswerEntityList = new List<stuAnswerEntity>();
    stuAnswerEntityList = stuAnswerArr;
    //此時stuAnswerArr中就存有前台stuAnswerArr中的數據；
    return Content(re.ToString());
}

2. 方法二：js模擬form 進行post提交

　　1) 客戶端js代碼：

 1 function REV_SubmitStuAnswersBtn() {
 2     var stuAnswerArr=JSON.stringify(GetQAS());//轉成json字符串
 3     //JS模擬post提交
 4     var REVQForm = document.createElement("form");
 5     REVQForm.setAttribute("method", 'POST');
 6     REVQForm.setAttribute("action", '../Paper/GetREVPaper');
 7     REVQForm.innerHTML = "";
 8     var stuAnswerInput = document.createElement("input");
 9     stuAnswerInput.setAttribute("type", "hidden");
10     stuAnswerInput.setAttribute("name", 'REVQ');//'REVQ'
11     stuAnswerInput.setAttribute("value", stuAnswerArr);
12     REVQForm.appendChild(stuAnswerInput);
13 
14     document.body.appendChild(REVQForm);
15     REVQForm.submit();
16 }

2) 服務端C#代碼：以json字符串的方式傳輸

public ActionResult GetREVPaper()
{
    bool re = false;
    string stuAnswerJson = Request["REVQ"] == null ? "" : Request["REVQ"];//'REVQ'
    //將json字符串反序列化
    List<stuAnswerEntity> studentAnswerList = JsonConvert.DeserializeObject<List<stuAnswerEntity>>(stuAnswerJson);

    return Content(re.ToString());
}

作者：	willingtolove
本文鏈接：	js 提交對象數組到服務端的方法總結
歡迎經常來轉轉,轉載請注明出處！

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Struts2之提交對象數組至后台 C# http服務端實例演示 ajax傳遞數組、form表單提交對象數組 c#實現的HTTP服務端 C# SuperSocket服務端入門（一） C#服務端判斷客戶端socket是否已斷開的方法 C# TCP/IP 服務端和客戶端 C# SuperWebSocket服務端、客戶端學習（三） licode服務端總結 C#根據WSDL文件生成WebService服務端代碼