再谈Jquery Ajax方法传递到action(补充)(4)

如果把data改成JSON.stringify(jsonp)，如下：   

复制代码 代码如下:

var option = {
              url: '/test/ReadPersons',
              type: 'POST',
              data: JSON.stringify(jsonp),
              dataType: 'html',
              success: function (result) { alert(result); }
          };

那么传递过去的Form Data是一串字符串，controller跟无法识别出这个东西，因此获不到值。如果仅仅设置contentType: 'application/json',而传递的又不是json格式的数据，如下：

那么传递过去的Form Data是一串字符串，controller跟无法识别出这个东西，因此获不到值。如果仅仅设置contentType: 'application/json',而传递的又不是json格式的数据，如下：

复制代码 代码如下:

var option = {
    url: '/test/ReadPersons',
    type: 'POST',
    data: jsonp,
    dataType: 'html',
    contentType: 'application/json',
    success: function (result) { alert(result); }
};

因为jquery的ajax方法会把data转换成查询字符串，因此就变成如下的样子。这串文本当然不符合json格式，因此会出现下面的错误。

如果设置contentType: 'application/json',并且设置data: JSON.stringify(persons)，如下：

复制代码 代码如下:

var option = {
                url: '/test/ReadPersons',
                type: 'POST',
                data: JSON.stringify(persons),
                dataType: 'html',
                contentType: 'application/json',
                success: function (result) { alert(result); }
            };

那么可以获得到真正完整的json数据了

最后，此处再演示一个更复杂的参数类型，以便加深理解。
首先看一下Controller中的方法签名，TestClassB 和一个TestClassA的List。稍显复杂。

复制代码 代码如下:

public ActionResult Fortest(TestClassB TB,List<TestClassA> TA)
        {
            string result = "";
            return Content(result);
        }

再看TestClassA和TestClassB，更显复杂。但是结构要清晰的话，也不是很难。

复制代码 代码如下: