无法使用AJAX将JSON数据传递给MVC控制器?

时间:2015-10-19 17:39:36

标签: javascript c# jquery ajax asp.net-mvc

在我的QUIZ应用程序中,我想向MVC Controller发送一个对象数组(其中一个问题有四个答案和一个正确答案作为对象的属性),但它发送空值。解决此问题的关键是对JSON对象进行字符串化,定义模型并将参数作为定义的模型。对此有什么替代解决方案吗?

我的视图用户界面看起来像this

//查看脚本

<script>
    $(document).ready(function () {
        $("#btnsubmit").click(function () {
            createquestions();
        });
        function createquestions()
        {
            var things = [];
            var nofques = $("#ddlnofquestions").val();//Coming from Dropdown Value
            for (var i = 1; i <= nofques; i++) {
                var obj = {
                    id: i,
                    question:  CKEDITOR.instances[i.toString()].getData(),
                    answer1:$("#" + i + 1).val(),
                    answer2: $("#" + i + 2).val(),
                    answer3: $("#" + i + 3).val(),
                    answer4: $("#" + i + 4).val(),
                    correctanswer: $("#" + i + 5).val(),                  
                };                
                things.push(obj);               
            }
            var thingss = JSON.stringify({ "things": things });
            $.ajax({    
                type: 'POST',
                url:'Question/CreateQuestion',
                async:true,
                dataType: 'json',
                contentType: "application/json; charset=utf-8", 
                data: { things: JSON.stringify(things) },
                traditonal: true,
                success: function (data) {
                    alert("Sucessfully Created");
                },
          });
        }
    });
</script>

C#:模型类

public class CreateQuestion
{
    public int id { get; set; }
    public string question { get; set; }
    public string answer1 { get; set; }
    public string answer2 { get; set; }
    public string answer3 { get; set; }
    public string answer4 { get; set; }
    public string correctanswer { get; set; }
}

C#:控制器

public ActionResult CreateQuestion(List<CreateQuestion> things)
{
    //where we try to get an array of objects
    //Working Code......
    return View();    
}

3 个答案:

答案 0 :(得分:1)

尝试在AJAX通话中更改此内容:

data: { things: JSON.stringify(things) },

为此:

data: JSON.stringify(things),

我认为正在发生的是该操作需要一个对象列表,但在AJAX调用中,您发送的对象包含一组对象。

答案 1 :(得分:0)

您可以尝试执行以下操作:

[HttpPost]  public JsonResult CreateQuestion(POCOthings)

POCOthings是适合由mvc模型粘合剂转化的POCO对象。 对于您的情况,CreateQuestions列表应该是所述对象的字段。 希望它有所帮助。

答案 2 :(得分:0)

很少要检查。

  1. 是404错误吗?行动中缺少httppost属性。
  2. 是JSON.stringify(东西)的有效对象吗?
  3. 你可以尝试删除dataType吗?你正在返回视图,但它期望的数据类型是json。
  4.   

    dataType:&#39; json&#39;,