从Js获取值并绑定到cshtml中的json数据属性。

Question

我需要在json中获取客户端数据，并在cshtml中的数据属性中传递json。然后读取数据属性中的值。

 <div class="container" data-attribute="{Json}">

上面的json将包含来自客户端的数据(使用js收集)。

任何关于如何使这件事起作用的建议。

1. 在cshtml
2. 中传递json数据属性，从cs文件

中读取属性值。

Answer 1

如果您想将数据属性设置为Json，并且提到它是通过JS收集的，那么可以使用此JS代码将其设置为div。

var data_str = encodeURIComponent(JSON.stringify(my_object));
$("div#mydiv").attr("data-hero",data-str);

如果您想检索它，那么您可以使用下面的代码。

var data_str = $("div#mydiv").attr("data-hero");
var my_object = JSON.parse(decodeURIComponent(data_str));

有一次，您提到要在cs文件中读取属性，因此我希望您正在调用一个Ajax request，在这里您可以按照上面给出的属性读取数据，并将其传递到您的POST request中，您可以在cs代码中读取它。

按照本文的要求，使用Json传递Ajax。

Send JSON data via POST (ajax) and receive json response from Controller (MVC)