如何使用getJSON,用post方法发送数据?

Posted

技术标签:

【中文标题】如何使用getJSON,用post方法发送数据?【英文标题】:How to use getJSON, sending data with post method? 【发布时间】:2010-10-19 13:40:20 【问题描述】:

我正在使用上述方法,它可以很好地与 URL 中的一个参数一起使用。

例如Students/getstud/1 应用了控制器/动作/参数格式。

现在我在 Students 控制器中有一个动作,它接受两个参数并返回一个 JSON 对象。

那么如何使用 post 方法以$.getJSON() 发布数据?

类似的方法也是可以接受的。

重点是用AJAX调用控制器的动作。

【问题讨论】:

get in getJSON 表示 使用 GET 获取一些 json。 @Majid Fouladpour 当我问这个问题时,我并不知道......! 【参考方案1】:

$.getJSON() 方法执行 HTTP GET 而不是 POST。你需要使用$.post()

$.post(url, dataToBeSent, function(data, textStatus) 
  //data contains the JSON object
  //textStatus contains the status: success, error, etc
, "json");

在该调用中,dataToBeSent 可以是您想要的任何内容,但如果要发送 html 表单的内容,您可以使用 serialize 方法从您的表单中为 POST 创建数据。

var dataToBeSent = $("form").serialize();

【讨论】:

只是想添加 $.getJSON 支持 Jsonp(跨域访问) 不幸的是 $.post 没有。 其实.getJSON()支持跨域访问有两种方式。 JSONP,不使用 GET 或 POST,而是使用脚本注入;而且 CORS - 和 .post() 也支持 CORS。但是 CORS 要求服务器也支持它,而 JSONP 不支持。 不正确,JSONP还需要服务器支持才能解析回调参数。 当我使用上述函数时,我收到的是一个字符串对象而不是一个 json 对象。【参考方案2】:

这是我的“单行”解决方案:

$.postJSON = function(url, data, func)  $.post(url+(url.indexOf("?") == -1 ? "?" : "&")+"callback=?", data, func, "json"); 

为了使用 jsonp 和 POST 方法,此函数将“回调”GET 参数添加到 URL。这是使用它的方式:

$.postJSON("http://example.com/json.php", id : 287 , function (data) 
   console.log(data.name);
);

服务器必须准备好处理回调GET参数并返回json字符串为:

jsonp000000 ("name":"John", "age": 25);

其中“jsonp000000”为回调GET值。

在 PHP 中的实现是这样的:

print_r($_GET['callback']."(".json_encode($myarr).");");

我做了一些跨域测试,它似乎有效。不过还需要更多的测试。

【讨论】:

这永远不会绕过 GET 的限制,而 POST 的最大大小可以重新定义。 为什么加?callback?在网址中?这使得回调不会被我调用。我还添加了JSON.stringify(data)。 +1,有用的帖子! @IonicăBizău:谢谢。为了返回一个对象,我们需要在 URL 中添加“回调”参数,并且服务器需要返回由 JQuery 生成的相同的对象名称。我还为 getJSON() 使用了一个覆盖函数:jQuery.getJSON = function(url, data, func) return $.get(url+(url.indexOf("?") == -1 ? "?" : "&")+"callback=?", data, func, "json"); 【参考方案3】:

只需将这些行添加到您的<script>(在加载 jQuery 之后但在发布任何内容之前):

$.postJSON = function(url, data, func)

    $.post(url, data, func, 'json');

将(部分/全部)$.getJSON 替换为 $.postJSON 并享受吧!

您可以使用与$.getJSON 相同的javascript 回调函数。 无需更改服务器端。 (好吧,我总是建议在 PHP 中使用$_REQUEST。http://php.net/manual/en/reserved.variables.request.php、Among $_REQUEST, $_GET and $_POST which one is the fastest?)

这比@lepe 的解决方案简单。

【讨论】:

这不适用于通常可以应用于 getJSON 的 done() 和 fail() 方法。【参考方案4】:

我有执行 getJSON 的代码。我只是用post替换它。令我惊讶的是,它奏效了

   $.post("@Url.Action("Command")",  id: id, xml: xml )
      .done(function (response) 
           // stuff
        )
        .fail(function (jqxhr, textStatus, error) 
           // stuff
        );



    [HttpPost]
    public JsonResult Command(int id, string xml)
    
          // stuff
     

【讨论】:

【参考方案5】:

我只是使用了 post 和 if:

data = getDataObjectByForm(form);
var jqxhr = $.post(url, data, function(), 'json')
    .done(function (response) 
        if (response instanceof Object)
            var json = response;
        else
            var json = $.parseJSON(response);
        // console.log(response);
        // console.log(json);
        jsonToDom(json);
        if (json.reload != undefined && json.reload)
            location.reload();
        $("body").delay(1000).css("cursor", "default");
    )
    .fail(function (jqxhr, textStatus, error) 
        var err = textStatus + ", " + error;
        console.log("Request Failed: " + err);
        alert("Fehler!");
    );

【讨论】:

【参考方案6】:

$.getJSON() 对于发送 AJAX 请求和获取 JSON 数据作为响应非常方便。唉,jQuery 文档缺少一个应该命名为$.postJSON() 的姊妹函数。为什么不直接使用$.getJSON() 并完成它呢?好吧,也许您想发送大量数据,或者就我而言,IE7 只是不想与 GET 请求一起正常工作。

确实,目前还没有$.postJSON()方法,但是你可以通过在$.post()函数中指定第四个参数(类型)来完成同样的事情:

我的代码如下所示:

$.post('script.php', data, function(response) 
  // Do something with the request
, 'json');

【讨论】:

【参考方案7】:

如果你只有两个参数,你可以这样做:

$.getJSON('/url-you-are-posting-to',data,function(result)

    //do something useful with returned result//
    result.variable-in-result;
);

【讨论】:

我认为这不是问题的答案。

以上是关于如何使用getJSON,用post方法发送数据?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery基础(Ajax,load(),getJSON(),getScript(),post(),ajax(),同步/异步请求数据)

理解jQuery中$.get$.post$.getJSON和$.ajax的用法

$.get/$.post/$.ajax/$.getJSON

jQuery中的getJSON方法的url参数中,为啥加上callback=

jquery使用$.getJson()跨域大数据量请求方法

Jquery的$.get(),$.post(),$.ajax(),$.getJSON()用法详细解读