MVC内核中的链接将多个参数传递给Ajax
MVC内核中的链接将多个参数传递给Ajax
提问于 2022-02-24 21:57:07
我有这个链接
<a asp-action="goPay" asp-route-id="@item.Appid" asp-route-mem="@item.Memid" asp-route-amt="@item.Areq" asp-controller="Withdraw" class="btn btn-outline-primary mx-1 btn-xs">Pay</a>我想把asp-route-id="@item.Appid" asp-route-mem="@item.Memid" asp-route-amt="@item.Areq"传递给Ajax，我完全不知道如何在Ajax中接收它们。我在网上搜索过，也许我没有问对的问题，所以没有得到答案。
这里是完整的视图，因为您可以看到Ajax部分还没有编写，因为我不知道如何捕获参数。我也知道我可以使用closet(tr)，但是有些参数不在表中。
<section class="content">
<div class="container-fluid">
<h3> Approved for Payment </h3>
<hr />
<div class="row">
<div class="col-md-12">
<div class="card card-primary card-outline">
<div class="card-header">
<h3 class="card-title">
<i class="fas fa-edit"></i>
Pending Withrawals
</h3>
</div>
<div class="card-body small table-responsive">
@if (Model.Count() > 0)
{
@*scrolling bootstarp table, check css in top of this page*@
<div class="table-wrapper-scroll-y my-custom-scrollbar">
<table class="table table-bordered table-striped mb-0">
<thead>
<tr>
<th scope="col">
@Html.DisplayNameFor(model => model.Memid)
</th>
<th scope="col">
@Html.DisplayNameFor(model => model.Areq)
</th>
<th scope="col">
@Html.DisplayNameFor(model => model.WhoDid)
</th>
<th scope="col">
@Html.DisplayNameFor(model => model.DateDid)
</th>
<th scope="col">
Actions
</th>
</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
<tr>
<td>
@*@Html.DisplayFor(modelItem => item.Member.Fname)*@
@String.Concat(item.Member.Fname, " ", item.Member.Sname)
</td>
<td>
@Html.DisplayFor(modelItem => item.Areq)
</td>
<td>
@Html.DisplayFor(modelItem => item.dUser.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.DateDid)
</td>
<td>
<a asp-action="goPay" asp-route-id="@item.Appid" asp-route-mem="@item.Memid" asp-route-amt="@item.Areq" asp-controller="Withdraw" class="btn btn-outline-primary mx-1 btn-xs">Pay</a>
<a asp-action="dontPay" asp-route-id="@item.Appid" asp-controller="Withdraw" class="btn btn-outline-danger mx-1 btn-xs">Cancel Payment</a>
</td>
</tr>
}
</tbody>
</table>
</div>
}
else
{
<h5>No approved payments for you yet, contact the approver.</h5>
}
</div>
</div>
</div>
</div>
</div>
</section>
<div class="form-row">
<partial name="_PaymentComplete", model="new ToxAccInfo()" />
</div>
@section Scripts{
@{
<partial name="_ValidationScriptsPartial" />
}
<script type="text/javascript">
$(document).ready(function () {
}
</script>回答 2
Stack Overflow用户
回答已采纳
发布于 2022-04-24 06:54:02
在搜索之后，我得到了这个，但是这个对我有用。我跳这个帮了另一个困惑的人。
我把按钮改为：
<td>
<a asp-action="goPay" asp-route-id="@item.Appid" asp-route-mem="@item.Memid" asp-route-amt="@item.Areq" asp-controller="Withdraw" class="btn btn-outline-primary mx-1 btn-xs">Pay</a>
<a asp-action="dontPay" asp-route-id="@item.Appid" asp-controller="Withdraw" class="btn btn-outline-danger mx-1 btn-xs">Cancel Payment</a>
</td> 至：
<td>
<a id="@item.Appid" asp-route-id="@item.Appid" asp-route-mem="@item.Memid" asp-route-amt="@item.Areq" asp-route-nam="@String.Concat(@item.Member.Fname, " ", @item.Member.Sname)" asp-controller="Withdraw" class="btn btn-outline-primary mx-1 btn-xs">Pay</a>
<a asp-action="dontPay" asp-route-id="@item.Appid" asp-controller="Withdraw" class="btn btn-outline-danger mx-1 btn-xs">Cancel Payment</a>
</td>然后按如下方式修复jquery部分：
$('a.btn-outline-primary').click(function () {
event.preventDefault(); // prevent default behavior of link click
var id = $(this).attr('id');
var mem = $(this).attr('asp-route-mem');
var amt = $(this).attr('asp-route-amt');
var nam = $(this).attr('asp-route-nam');
var url = '@Url.Content("~/")' + "Withdraw/goPay";
//console.log("Clicked");
// now make an AJAX request to server by passing some data
//alert("link clicked " + id + "\n" + mem + "\n" + amt );
$("#dcomplete").load(url, { id: id, mem: mem, amt: amt, nam: nam });
});谢谢大家的指点。
Stack Overflow用户
发布于 2022-02-25 06:00:17
您可以尝试在<td></td>中添加一个包含<a></a>的按钮，当单击该按钮时，从链接中获取数据：
<td>
<a asp-action="goPay" asp-route-id="@item.Appid" asp-route-mem="@item.Memid" asp-route-amt="@item.Areq" asp-controller="Withdraw" class="btn btn-outline-primary mx-1 btn-xs">Pay</a>
<a asp-action="dontPay" asp-route-id="@item.Appid" asp-controller="Withdraw" class="btn btn-outline-danger mx-1 btn-xs">Cancel Payment</a>
<button onclick="callAjax(this)">callAjax</button>
</td>联署材料：
function callAjax(t) {
var href = $(t).parent().find("a")[0].href.split("/");
var id = href[href.length - 1].split("?")[0];
var mem = href[href.length - 1].split("?")[1].split("&")[0].split("=")[1];
var amt = href[href.length - 1].split("?")[1].split("&")[1].split("=")[1];
//call ajax here
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71258728
复制相关文章
相似问题
腾讯云开发者
