如何将JSON数据从angular JSON编辑器发送到.net core webapi控制器?
我有一个angular客户端,它有一个angular JSON编辑器。我必须将JSON数据从编辑器发送到.NET核心Web API控制器,然后在那里我必须执行诸如将其写入JSON文件之类的任务。我该如何处理这个问题?我需要控制器的帮助和更多 我必须将JSON数据从编辑器发送到.NET核心Web API控制器,然后在那里我必须执行诸如将其写入JSON文件之类的任务。我该如何处理这个问题 要实现上述要求,可以参考以下代码段 棱角客户端 控制器和动作 测试结果如何将JSON数据从angular JSON编辑器发送到.net core webapi控制器?,json,angular,asp.net-web-api,asp.net-core-webapi,Json,Angular,Asp.net Web Api,Asp.net Core Webapi,我有一个angular客户端,它有一个angular JSON编辑器。我必须将JSON数据从编辑器发送到.NET核心Web API控制器,然后在那里我必须执行诸如将其写入JSON文件之类的任务。我该如何处理这个问题?我需要控制器的帮助和更多 我必须将JSON数据从编辑器发送到.NET核心Web API控制器,然后在那里我必须执行诸如将其写入JSON文件之类的任务。我该如何处理这个问题 要实现上述要求,可以参考以下代码段 棱角客户端 控制器和动作 测试结果 您应该在angular和Controll
您应该在angular和ControllerHerhi Fei Han中添加您已经拥有的相关代码,非常感谢您的帮助。还有一个问题,我们已经定义了一个模型。如果我们必须发送一个随机的JSON文件呢。在这种情况下,控制器操作将是什么样子。这里您已经定义了用户模型。这样控制器就可以接受任何JSON数据。
@ViewChild(JsonEditorComponent) editor: JsonEditorComponent;
options = new JsonEditorOptions();
data = {
name: "fei",
age: 28
};
constructor(private httpClient: HttpClient) {
this.options.mode = "code";
this.options.modes = ["code", "text", "tree", "view"];
this.options.schema = schema;
this.options.statusBar = false;
this.options.onChange = () => console.log(this.editor.get());
}
InsertUser() {
const updatedJson = this.editor.get();
const headers = new HttpHeaders().set("Content-Type", "application/json");
this.httpClient
.post("https://xxxxx/Insert", JSON.stringify(updatedJson), {
headers: headers,
responseType: "text"
})
.subscribe(data => {
console.log(data);
});
}
[HttpPost("/Insert")]
public async Task<IActionResult> InsertUser(User User)
{
//...
return Ok("success");
}
public class User
{
public string Name { get; set; }
public int Age { get; set; }
}