javascript - 如何将 C# 对象作为参数传递给 Javascript 函数
问题描述
所以我有这张表,它根据里面的集合生成它的数据@Model
@foreach (var number in Model.Numbers)
{
<tr class="tb-tnx-item">
<td class="tb-tnx-id">
<div class="">
<span>@number.Msisdn</span>
</div>
</td>
<td class="tb-tnx-id">
<span>@number.Country</span>
</td>
<td class="tb-tnx-info">
<div class="">
<span class="title">Mobile</span>
</div>
</td>
<td class="tb-tnx-amount">
<div class="tb-tnx-total">
<span class="amount"><em class="icon ni ni-coins align-middle"></em>@number.Cost</span>
</div>
<div class="tb-tnx-status">
<span title="@number.Features" class="">@number.Features[0] / @number.Features[1]</span>
</div>
</td>
<td class="text-center">
<div class="tb-tnx-status">
<a class="btn btn-primary" onclick="doFunction(); ">Default S2</a>
</div>
</td>
</tr>
}
正如你所看到的,我在这里有这部分,当我点击它时它会调用一个 JavaScript 函数
<a class="btn btn-primary" onclick="doFunction(); ">Default S2</a>
这是JavaScript
<script>
function doFunction() {
alert("Test");
}
</script>
我的问题是..我如何number
作为参数传递,以便我可以做这样的事情
alert(number.Msisdn);
解决方案
您应该使用Newtonsoft nuget Package将数字 C# 对象序列化为 JSON 字符串
@using Newtonsoft.Json
然后将其传递给视图,如下所示:
<a class="btn btn-primary" onclick="doFunction(@(JsonConvert.SerializeObject(number)));">Default S2</a>
所以最终视图将如下所示:
@using Newtonsoft.Json
@foreach (var number in Model.Numbers)
{
<tr class="tb-tnx-item">
<td class="tb-tnx-id">
<div class="">
<span>@number.Msisdn</span>
</div>
</td>
<td class="tb-tnx-id">
<span>@number.Country</span>
</td>
<td class="tb-tnx-info">
<div class="">
<span class="title">Mobile</span>
</div>
</td>
<td class="tb-tnx-amount">
<div class="tb-tnx-total">
<span class="amount"><em class="icon ni ni-coins align-middle"></em>@number.Cost</span>
</div>
<div class="tb-tnx-status">
<span title="@number.Features" class="">@number.Features[0] / @number.Features[1]</span>
</div>
</td>
<td class="text-center">
<div class="tb-tnx-status">
<a class="btn btn-primary" onclick="doFunction(@(JsonConvert.SerializeObject(number))); ">Default S2</a>
</div>
</td>
</tr>
}
推荐阅读
- javascript - 使用 Javascript ajax 异步更新数据失败
- javascript - 如何在 appmaker 中打印表单?
- angular - 如何使用 ngx-formly 为 2 个字段组制作自定义包装器?
- mysql - 每个类型的每个引用的前 5 行总和,其他所有等于 1,按团队 ID 分组
- xamarin.ios - 未在 Xamarin.IOS 中创建 IPA 文件
- java - 在为 com.ktech:xpira:jar:0.0.1-SNAPSHOT 构建有效模型时遇到了一些问题
- android - 通过 OTP 共享 App Hash 在应用安全方面是否有任何缺点
- javascript - 非 SPA 前端 - 即时交互 JS 元素的最佳实践
- java - 使用retrofit2获取响应主体的空数据?
- java - Spring条件yaml属性值