[英]passing data from javaScript to MVC controller view ajax
这很奇怪,我不知道为什么这不起作用,无论我做什么,我总是最终收到 action 方法参数的 null。 为什么这不起作用?
<input type="button" value="Save" onclick="SaveDocument()" />
function SaveDocument() { var data = "sss"; $.ajax({ url: "/Home/Save", type: "POST", dataType: "json", contentType: "application/json; charset=utf-8", data: JSON.stringify(data), success: function (mydata) { alert("Saved"); }, error: function(error) { alert('failed'); alert(error); } }); } </script>
[HttpPost]
public ActionResult Save(string data)
{
return null;
}
我在本地创建了相同的测试代码。 我得到空,你得到。 您可以尝试以下代码。 它为我工作。
function SaveDocument() {
$.ajax({
url: "/Home/Save",
type: "POST",
data: {"data" : "sss"},
success: function (mydata) {
alert("Saved");
},
error: function(error)
{
alert('failed');
alert(error);
}
});
}
您应该将js对象(键值对)传递给JSON.stringify
方法,以通过ajax调用发送数据的字符串化版本。 键/对象属性名称应与您的操作方法参数名称匹配。
下面应该工作。
data: JSON.stringify({ data:"some string"}),
contentType: "application/json; charset=utf-8",
您可能还需要考虑return false;
在您的js方法中,这样就不会进行常规表单提交。
同样,由于您的服务器操作方法返回null
,因此您不应为ajax调用将“ json”指定为“ dataType
”属性值。 只需从ajax调用中删除该行即可。
或者您可以从操作方法中返回一些有效的json数据,而不是null
[HttpPost]
public ActionResult Save(string data)
{
return Json(data);
}
将操作参数名称更改为其他有意义的名称。 数据是jQuery中的保留关键字。
[HttpPost]
public ActionResult Save(string tempName)
{
return Json(tempName);
}
//Javascript method
function postData(parsData)
{
var dataToSend = { ParsData: parsData};
var ReceivedData= JSON.stringify( dataToSend );
$.ajax({
url: '@Url.Action("SetData")',
type: 'POST',
data: ReceivedData
}).done(function (response)
{
console.log(response);
document.getElementById("result").innerHTML = response.resultHint;
document.getElementById("amount").innerHTML = response.resultAmount;
document.getElementById("image").src = response.imageUrl;
});
}
//Javascript method Implementation
postData("Fuking code");
//C# Controller
public class ReceivedData
{
public string ParsData{ get; set; }
}
public class Result
{
public string resultHint { get; set; }
public string resultAmount { get; set; }
public string imageUrl { get; set; }
public string decoded { get; set; }
}
[HttpPost]
public ActionResult SetData()
{
//var jss = new JavaScriptSerializer();
// ReceivedData decodedQR = new JavaScriptSerializer().Deserialize<ReceivedData>(receivedData);
// var dataObject = new JavaScriptSerializer().Deserialize(receivedData);
// .. do something with data object
var jsonFromRequest = new System.IO.StreamReader(Request.InputStream).ReadToEnd();
ReceivedData decodedQR = Newtonsoft.Json.JsonConvert.DeserializeObject<ReceivedData>(jsonFromRequest);
Result result= new Result();
result.resultHint = "Tem certeza que pretende permitir que o João Deposite o valor de ";
result.decoded = decodedQR.ParsData;
result.resultAmount = "200 MT";
result.imageUrl = "https://picsum.photos/id/237/200/300";
return Json(result);
}
Credit to:
https Credit to:
//mestanzasoft.wordpress.com/2018/03/05/pass-data-from-asp-net-mvc-view-to-controller-with-ajax-and-json/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.