[英]ASP.Net C# MCV - Pass value from Ajax Jquery to Controller
我需要將一個值從前端傳遞給控制器,但我正努力讓它傳遞值。
Ajax / jQuery
//unlock user account
$("#results").on('click', ".unlockactionbutton", function (e) {
e.preventDefault();
var userid = this.getAttribute("userid");
if (envdd.children(':selected').val() == "") {
alert("Please select User");
} else {
alert(userid);
$.ajax({
type: "GET",
url: "@Url.Action("UnlockUser", "Home", new { userid = userid })",
//Url.Action("UnlockUser", "Home", new { id = userid });
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify(userid),
success: function (data) {
console.log(data);
},
error: function(data) {
alert('error');
console.log(data);
}
});
}
});
這是ActionResult。 我得到的代碼只是在控制台中添加了注釋,因此我可以看到它現在已經起作用。
[HttpPost]
public ActionResult UnlockUser(string userid)
{
if (userid != "")
{
return Json("success - call from HomeController", JsonRequestBehavior.AllowGet);
}
else
{
return Json("error", JsonRequestBehavior.AllowGet);
}
}
在ajax請求上,您正在使用動詞GET,而您的操作是POST方法。
控制器動作以HttpPost
裝飾,但是您要在ajax
發送GET請求,將類型更改為type: 'POST',
發出POST請求時,無需將數據附加到查詢字符串中。
另外,如果要指定application/json
確保在發送字符串的同時發送json
。 因此,您可以刪除行contentType: "application/json; charset=utf-8",
或將data參數更改為data: JSON.stringify({ userid: userid })
。
您的ajax
請求可能如下所示:
$.ajax({
type: "POST",
url: "@Url.Action("UnlockUser", "Home")",
dataType: "json",
data: JSON.stringify(userid),
success: function (data) {
console.log(data);
},
error: function(data) {
alert('error');
console.log(data);
}
});
要么
$.ajax({
type: "POST",
url: "@Url.Action("UnlockUser", "Home")",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify({ "userid" : userid }),
success: function (data) {
console.log(data);
},
error: function(data) {
alert('error');
console.log(data);
}
});
嘗試這樣的事情,這將起作用:
$("#results").click(function (){
var userid = this.getAttribute("userid");
$.ajax({
type: "POST",
url: "/Home/UnlockUser",
"data": "{userid:'" + userid + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
console.log(data);
}
});
})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.