使用单个ajax请求渲染json数据和部分视图

下面给出的代码向控制器发送 ajax 请求。

 if (btid === '01') {
                var allData = {
                    "sessionName": $('#sessionname').val(),
                    "foundStudent": $('#studentId').val(),
                    "code":btid
                }
                var mySession = JSON.stringify(allData);
                $.ajax({
                    type: "POST",
                    url: '@Url.Action("RenderView", "ManualFeesCollection")',
                    contentType: "application/json; charset=utf-8",
                    data: mySession,
                    success: function (data) {
                          $('#maindiv').html('')
                          $('#maindiv').html(data)
                          $.each(data.myMonths, function (index, item) {
                           //Here I want to access myMonths as Json
                        })
                    },
                })

下面在控制器操作中。

public ActionResult RenderView(int code,long foundStudent,int sessionName)
        {
            var months = //get some months
            var myMonths= (from w in months
                        select new
                        {
                            w.Month
                        });// Want access this data in ajax success function
            return PartialView("MonthwiseFees",myMonths);

    }

但问题是我在 #maindiv 中获取了视图，但没有获取

我的月份

作为json，在ajax的success函数中。我需要针对这些 myMonths 做一些事情。目前，我正在发送两个 ajax 请求（在另一个成功的情况下）来完成。但我希望我可以用一个 ajax 请求来完成它。感谢您在我的问题上花费时间。

• Update1：​​部分视图的代码

  {
  
  <tr>
      <td>
       @x
      </td>
      <td>
        @months[no]
      </td>
      <td>
          @Html.CheckBox(" " + @x, new { @class="check",id="check"})
          @Html.Label(" ", new { @class="lbl"})
       </td>
  </tr>
  x = x + 1;
  

  }

               <input type="button" class="mybutton btn btn-small btn-primary" value="Show >"/>
  
          </div>
      <div class="span7" id="classwiseheads">
          </div>
  </div>
  

您无法发送text/html and application/json对于单个请求。您可以发送其中任何一个。

如果您从控制器返回 PartialView，则内容类型将设置为text/html。但您仍然可以将 JSON 呈现为部分视图的一部分。

public ActionResult RenderView(int code,long foundStudent,int sessionName)
{
    var months = //get some months
    var myMonths= (from w in months
                select new
                {
                    w.Month
                });
        ViewBag.Months=myMonths;
    return PartialView("MonthwiseFees");

}

然后在你的局部视图中

<script>
var [email protected](JSON.Encode(ViewBag.Months)
</script>

jQuery

success: function(data) {
    $('#maindiv').html('')
    $('#maindiv').html(data)
    $.each(myJSArray, function(index, item) {
        //myJSArray will be available in window scope now
    })
}

Update:基于更新的问题

控制器

public ActionResult RenderView(int code,long foundStudent,int sessionName)
{
    var months = //get some months
    var myMonths= (from w in months
                select new
                {
                    w.Month
                });        
    return PartialView("MonthwiseFees",myMonths);

}

当我通过时，这将选中所有复选框true对于 Html.CheckBox。这需要通过模型和月份数组来确定

@model List<string>

@using System.Globalization;

@{

    Layout = null;
    string[] months =DateTimeFormatInfo.CurrentInfo.MonthNames;
    var countMonths=months.Count();
    int x = 1;
}
<div>

@for (int no=0;no<countMonths-1;no++)
{

    <tr>
        <td>
         @x
        </td>
        <td>
          @months[no]
        </td>
        <td>
            //determine true/false by comparing months and Model
            @Html.CheckBox(" " + @x, model.Contains(months[x]), new { @class="check",id="check"})           
         </td>
    </tr>
    x = x + 1;
}
</div>

jQuery