Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将JSON数据从angular JSON编辑器发送到.net core webapi控制器?_Json_Angular_Asp.net Web Api_Asp.net Core Webapi - Fatal编程技术网

如何将JSON数据从angular JSON编辑器发送到.net core webapi控制器?

如何将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客户端,它有一个angular JSON编辑器。我必须将JSON数据从编辑器发送到.NET核心Web API控制器,然后在那里我必须执行诸如将其写入JSON文件之类的任务。我该如何处理这个问题?我需要控制器的帮助和更多

我必须将JSON数据从编辑器发送到.NET核心Web API控制器,然后在那里我必须执行诸如将其写入JSON文件之类的任务。我该如何处理这个问题

要实现上述要求,可以参考以下代码段

棱角客户端

控制器和动作

测试结果


您应该在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; }
}