用 Ajax 发送 JSON 对象？

这可能吗？

xmlHttp.send({
"test" : "1",
"test2" : "2",
});

也许用: 一个头与 content type: application/json? :

xmlHttp.setRequestHeader('Content-Type', 'application/json')

否则，我可以使用:

xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

然后 JSON.stringify JSON 对象，并将其发送到一个参数中，但如果可能的话，以这种方式发送将是很酷的。

321006 次浏览
小开
最佳答案

使用 jQuery:

$.post("test.php", { json_string:JSON.stringify({name:"John", time:"2pm"}) });

没有 jQuery:

var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance
xmlhttp.open("POST", "/json-handler");
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.send(JSON.stringify({name:"John Rambo", time:"2pm"}));
小开

如果您没有使用 jQuery，请确认:

var json_upload = "json_name=" + JSON.stringify({name:"John Rambo", time:"2pm"});
var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance
xmlhttp.open("POST", "/file.php");
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send(json_upload);

至于 PHP 接收端:

 $_POST['json_name']
小开

在修复问题的 json 周围添加 Json.stringfy

小开

我花了几天时间寻找任何对我有用的东西，比如传递多个 id 数组和返回一个 blob。结果发现。NET CORE 我使用的是2.1，你需要使用[ FromBody ] ，而且只有在你需要创建一个视图模型来保存数据时才能使用。

像下面这样包装内容,

var params = {
"IDs": IDs,
"ID2s": IDs2,
"id": 1
};

在我的例子中，我已经对数组进行了 json 处理，并将结果传递给函数

var IDs = JsonConvert.SerializeObject(Model.Select(s => s.ID).ToArray());

然后调用 XMLHttpRequestPOST 并将对象字符串化

var ajax = new XMLHttpRequest();
ajax.open("POST", '@Url.Action("MyAction", "MyController")', true);
ajax.responseType = "blob";
ajax.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
ajax.onreadystatechange = function () {
if (this.readyState == 4) {
var blob = new Blob([this.response], { type: "application/octet-stream" });
saveAs(blob, "filename.zip");
}
};


ajax.send(JSON.stringify(params));

那就弄个这样的模型

public class MyModel
{
public int[] IDs { get; set; }
public int[] ID2s { get; set; }
public int id { get; set; }
}

然后在行动中通过

public async Task<IActionResult> MyAction([FromBody] MyModel model)

如果返回文件，请使用此外接程序

<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js"></script>

提交答案