首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Javascript :用Ajax发送JSON对象?

Javascript :用Ajax发送JSON对象?
EN

Stack Overflow用户
提问于 2011-06-21 06:15:57
回答 4查看 312.4K关注 0票数 161

这个是可能的吗?

代码语言:javascript
复制
xmlHttp.send({
    "test" : "1",
    "test2" : "2",
});

可以使用:带有content type的标题:application/json?:

代码语言:javascript
复制
xmlHttp.setRequestHeader('Content-Type', 'application/json')

否则我可以使用:

代码语言:javascript
复制
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

然后对JSON对象执行JSON.stringify操作,并在参数中发送它,但如果可能的话,以这种方式发送它会很酷。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-06-21 06:57:04

使用jQuery:

代码语言:javascript
复制
$.post("test.php", { json_string:JSON.stringify({name:"John", time:"2pm"}) });

不使用jQuery:

代码语言:javascript
复制
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"}));
票数 350
EN

Stack Overflow用户

发布于 2015-11-18 10:13:59

如果您没有使用jQuery,请确保:

代码语言:javascript
复制
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接收端:

代码语言:javascript
复制
 $_POST['json_name'] 
票数 39
EN

Stack Overflow用户

发布于 2019-10-14 21:27:36

我花了几天的时间才找到适合我的东西,就像传递多个ids数组和返回一个blob一样。事实证明,如果我使用的是2.1版本的.NET核心,那么您需要使用FromBody,而as只能使用一次,您需要创建一个视图模型来保存数据。

总结如下内容,

代码语言:javascript
复制
var params = {
            "IDs": IDs,
            "ID2s": IDs2,
            "id": 1
        };

在我的例子中,我已经对数组进行了json运算,并将结果传递给函数

代码语言:javascript
复制
var IDs = JsonConvert.SerializeObject(Model.Select(s => s.ID).ToArray());

然后调用XMLHttpRequest POST并将对象串化

代码语言:javascript
复制
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));

然后有一个像这样的模型

代码语言:javascript
复制
public class MyModel
{
    public int[] IDs { get; set; }
    public int[] ID2s { get; set; }
    public int id { get; set; }
}

然后传入Action,如下所示

代码语言:javascript
复制
public async Task<IActionResult> MyAction([FromBody] MyModel model)

如果要返回文件,请使用此附加组件

代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js"></script>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6418220

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档