JS硬编码ajax数据:参数有效.JS变量没有

本文关键字:JS 有效 变量 参数 编码 ajax 数据 | 更新日期: 2023-09-27 18:28:41

===============

第2部分

如果我使用JSON.stringfy(MyDdata),MVC控制器的field1总是有null(Post([FromBody]TestModel field1))null值。即使在最简单的JSON字符串上也是如此。

我使用XML到JSON的转换来确保我的JSON数据是正确的。(我仍然需要了解JSON。)我认为MVC控制器很容易使用以下内容,但输入参数field1为null。至少,TestStrng&TestStrng2应该有值。

控制器没有崩溃,但它也不理解JSON。

为什么MVC控制器不知道JSON类?

//JavaScript
var MyDdata = 
{
    "TestModel": {
        "TestStrng": "Scott",
        "TestStrng2": "SomethingElse",
        "Usr": { "UsrToken": "aaaa" },
        "LstSubClass": {
            "SubClass": [
            { "FirstName": "Beth" },
            { "FirstName": "Julie" },
            { "FirstName": "John" }
            ]
        }
    }
}
sdata = JSON.stringify(MyDdata);
$.ajax({
    type: 'post',
    url: serviceUrl,
    cache: false,
    data: sdata,
    dataType: "json",
}).done(function (data) {

//C# Class
public class Usr
{
    public string UsrToken { get; set; }
}
public class SubClass
{
    public string FirstName { get; set; }
}
public class TestModel // Main'Master Class
{
    public string TestStrng { get; set; }
    public string TestStrng2 { get; set; }
    public List<SubClass> LstSubClass = new List<SubClass>();
    private Usr _Usr = new Usr();
    public Usr oUsr
    {
        get { return _Usr; }
        set { _Usr = value; }
    }
}
//MVC Controller
[System.Web.Http.Description.ResponseType(typeof(TestModel))]
public HttpResponseMessage Post([FromBody] TestModel field1)
{
// ...
}
//XML Data
<TestModel>
    <TestStrng>Scott</TestStrng>
    <TestStrng2>SomethingElse</TestStrng2>
    <Usr>
        <UsrToken>aaaa</UsrToken>
    </Usr>
    <LstSubClass>
        <SubClass><FirstName>Beth</FirstName></SubClass>
        <SubClass><FirstName>Julie</FirstName></SubClass>
        <SubClass><FirstName>John</FirstName></SubClass>
    </LstSubClass>
</TestModel>
JSON Data
{
  "TestModel": {
    "TestStrng": "Scott",
    "TestStrng2": "SomethingElse",
    "Usr": { "UsrToken": "aaaa" },
    "LstSubClass": {
      "SubClass": [
        { "FirstName": "Beth" },
        { "FirstName": "Julie" },
        { "FirstName": "John" }
      ]
    }
  }
}

==========================

第1部分

我正在尝试学习C#中的Web API,并花了一天的时间来解决这个问题。问题出现在"data: ..."的JavaScript中。

硬编码此作品

Ajax数据:{'TestStrng': 'one', 'TestStrng2': 'two' }

在控制器的下面,如预期的那样,p_TestModel包含值'one'&'two'public HttpResponseMessage Post(TestModel p_TestModel)但是如果我使用像data: sdata这样的变量,则数据不会从JS传递到Controller。

我已经尝试了几十种方法,很多我都不好意思写:

var sdata = "'TestStrng': 'one', 'TestStrng2': 'two'";
sdata = "'TestStrng': 'one'";
var jsonString = JSON.stringify(sdata);
JSON.stringify(sdata); {
  'TestStrng': 'one',
  'TestStrng2': 'two'
}, {
  'TestStrng': 'one',
  'TestStrng2': 'two'
}, {
  field1: "hello"
},
data: {
    sdata
  },
  'TestStrng': 'onetwo'
},
"{ 'TestModel': { 'TestStrng': 'one', 'TestStrng2': 'two' } }",
JSON.stringify(sdata),
  sdata,
  sdata = "'TestStrng': 'one', 'TestStrng2': 'two'";
data: {
  TestModel,
  sdata
},

问题

我做错了什么?为什么JS变量不发送数据,这样控制器就可以像硬编码一样查看它

C#类

public class TestModel {
  public string TestStrng { get; set; }
  public string TestStrng2 { get; set; }
}

MVC控制器

[System.Web.Http.Description.ResponseType(typeof(TestModel))]
public HttpResponseMessage Post(TestModel p_TestModel)
{
   // p_TestModel has correct values if hardcoded in JS.
   // It is ALWAYS null if JS uses a variable (sData) to send it.
   ...
}

JavaScript

$.ajax({
    type: 'post',
    url: serviceUrl,
    cache: false,
    dataType: "json",
    data: sdata, <<<<<<<<<<????
}).done(function (data) {

JS硬编码ajax数据:参数有效.JS变量没有

创建一个javascript对象并使用它。这应该行得通。

var sdata= { TestStrng :"Scott",TestStrng2:"SomethingElse" };
$.ajax({
    type: 'post',
    url: serviceUrl,      
    data: sdata
}).done(function (data) { console.log(data) });

如果您的视图模型是一个没有任何复杂导航属性的平面视图模型,那么上面的代码将正常工作。但是,如果视图模型上有复杂的属性,则需要将js对象转换为JSON字符串,并设置contentType属性

var model= { Name:"S",Address: { City:"Detroit"} };
$.ajax({
    type: 'post',
    url: serviceUrl,      
    data: JSON.stringify(model),
    contentType: "application/json"
}).done(function (data) { console.log(data) });

看看这个答案,它解释了将数据从客户端js代码发送到webapi端点的不同方法。