通过 POST (ajax)发送 JSON 数据并从 Controller (MVC)接收 JSON 响应

我用 javascript 创建了一个这样的函数:

function addNewManufacturer() {
var name = $("#id-manuf-name").val();
var address = $("#id-manuf-address").val();
var phone = $("#id-manuf-phone").val();
    

var sendInfo = {
Name: name,
Address: address,
Phone: phone
};
    

$.ajax({
type: "POST",
url: "/Home/Add",
dataType: "json",
success: function (msg) {
if (msg) {
alert("Somebody" + name + " was added in list !");
location.reload(true);
} else {
alert("Cannot add to list !");
}
},
data: sendInfo
});
}

我调用了 jquery.json-2.3.min.js脚本文件，并将其用于 toJSON(array)方法。

在控制器中，我有这个 Add动作

[HttpPost]
public ActionResult Add(PersonSheets sendInfo) {
bool success = _addSomethingInList.AddNewSomething( sendInfo );


return this.Json( new {
msg = success
});
      

}

但是作为方法参数的 sendInfo变为空。

模式:

public struct PersonSheets
{
public int Id;
public string Name;
public string Address;
public string Phone;
}


public class PersonModel
{
private List<PersonSheets> _list;
public PersonModel() {
_list= GetFakeData();
}


public bool AddNewSomething(PersonSheets info) {
if ( (info as object) == null ) {
throw new ArgumentException( "Person list cannot be empty", "info" );
}


PersonSheets item= new PersonSheets();
item.Id = GetMaximumIdValueFromList( _list) + 1;
item.Name = info.Name;
item.Address = info.Address;
item.Phone = info.Phone;
             

_list.Add(item);


return true;
}
}

当使用 POST 发送数据时，如何在操作方法中执行操作？

我不知道怎么用。 此外，是否可以通过 JSON 发送回应(到 ajax) ？

1005995 次浏览
小开

您不需要调用 $.toJSON并添加 traditional = true

data: { sendInfo: array },
traditional: true

可以。

小开
最佳答案

创建一个模型

public class Person
{
public string Name { get; set; }
public string Address { get; set; }
public string Phone { get; set; }
}

像下面这样的控制器

    public ActionResult PersonTest()
{
return View();
}


[HttpPost]
public ActionResult PersonSubmit(Vh.Web.Models.Person person)
{
System.Threading.Thread.Sleep(2000);  /*simulating slow connection*/


/*Do something with object person*/




return Json(new {msg="Successfully added "+person.Name });
}

Javascript

<script type="text/javascript">
function send() {
var person = {
name: $("#id-name").val(),
address:$("#id-address").val(),
phone:$("#id-phone").val()
}


$('#target').html('sending..');


$.ajax({
url: '/test/PersonSubmit',
type: 'post',
dataType: 'json',
contentType: 'application/json',
success: function (data) {
$('#target').html(data.msg);
},
data: JSON.stringify(person)
});
}
</script>
小开 
var SendInfo= { SendInfo: [... your elements ...]};


$.ajax({
type: 'post',
url: 'Your-URI',
data: JSON.stringify(SendInfo),
contentType: "application/json; charset=utf-8",
traditional: true,
success: function (data) {
...
}
});

和行动

public ActionResult AddDomain(IEnumerable<PersonSheets> SendInfo){
...

你可以像这样绑定你的数组

var SendInfo = [];


$(this).parents('table').find('input:checked').each(function () {
var domain = {
name: $("#id-manuf-name").val(),
address: $("#id-manuf-address").val(),
phone: $("#id-manuf-phone").val(),
}


SendInfo.push(domain);
});

希望这个能帮到你。

小开

使用 JSON.stringify(<data>)。

更改代码: data: sendInfo到 data: JSON.stringify(sendInfo)。 希望这个能帮到你。

小开

您的 PersonSheets 有一个属性 int Id，Id不在文章中，所以建模绑定失败。使 Id 可空(int?)或者发送至少 Id = 0。

小开

要发布 JSON，您需要将其字符串化。 JSON.stringify并将 processData选项设置为 false。

$.ajax({
url: url,
type: "POST",
data: JSON.stringify(data),
processData: false,
contentType: "application/json; charset=UTF-8",
complete: callback
});
小开

需要使用 JSON.stringify
在 Flask 中使用 json.load

res = request.get_data("data")
d_token = json.loads(res)

Load 返回一个 dictionary，te 值可以检索到 d _ token [‘ tokenID’]

 $.ajax({
type: "POST",
url: "/subscribe",
contentType: 'application/json;charset=UTF-8',
data: JSON.stringify({'tokenID':  token}),
success: function (data) {
console.log(data);
              

}
});

酒瓶

@app.route('/test', methods=['GET', 'POST'])
def test():
res = request.get_data("data")
d_token = json.loads(res)
logging.info("Test called..{}".format(d_token["tokenID"]))
小开 
    const URL = "http://localhost:8779/api/v1/account/create";
let reqObj = {accountName:"", phoneNo:""}


const httpRequest = new XMLHttpRequest();
let accountName = document.getElementById("accountName").value
let phoneNo = document.getElementById("phoneNo").value
reqObj.accountName = accountName;
reqObj.phoneNo = phoneNo;
console.log(reqObj);
console.log(JSON.stringify(reqObj))
httpRequest.onload = function() {
document.getElementById("mylabel").innerHTML = this.responseText;
}
httpRequest.open("POST", URL);
httpRequest.overrideMimeType("application/json");
httpRequest.send(reqObj);

提交答案