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) {
创建一个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端点的不同方法。