我很难点击按钮来调用Ajax函数,然后发布到控制器动作。甚至无法获得简单的消息(单击按钮时没有任何反应)。显然,我遗漏了一些基本的东西。它是什么?
我的Razor形式的Ajax脚本:
<script type="text/javascript">
$('#UseShipAddr').click(function () {
$.ajax({
url: "@(Url.Action("UseShippingAddress", "Checkout"))",
type: "POST",
data: { id: 50 },
cache: false,
async: true,
success: function (data) {
alert(data);
}
});
});
</script>
我想用来调用Ajax函数的按钮:
<input type="button" value="Use Shipping Address" id="UseShipAddr" />
CheckoutController中的操作:
// Ajax POST: /Checkout/UseShippingAddress/5
[HttpPost]
public ActionResult UseShippingAddress(int id)
{
return Content("It worked!");
}
请试试这段代码。
$(document).ready(function(){
$('#UseShipAddr').click(function () {
$.ajax({
url: "Checkout/UseShippingAddress",
type: "POST",
data: { id: 50 },
cache: false,
async: true,
success: function (data) {
alert(data);
}
});
});