用jQuery同步跨子域POST请求

发布于 2024-08-07 10:58:42 字数 185 浏览 3 评论 0原文

我正在尝试执行跨域 POST 请求，但遇到了（或两处）困难。

我无法在服务器上放置代理页面 - 所以这不是一个选项。

我研究了 getJSON，它效果很好，只是我需要 POST 而不是 GET。

可以这样做吗？如果不是，有人可以向我解释 getJSON 是如何工作的以及为什么我不能做出 POST 替代方案。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

请爱~陌生人 2024-08-14 10:58:42

您不能使用 XMLHttpRequest（又名阿贾克斯）。

当服务器支持时，您可以做的是发出 JSONP 请求。 JSONP 请求的工作方式如下：

jQuery 根据您作为参数提供的回调函数创建一个全局可访问的函数
jQuery 不是使用 XMLHttpRequest (AJAX) 发出 HTTP 请求，而是动态地将 SCRIPT 标记插入到 DOM 中
脚本的 SRC标签是您尝试与之通信的请求 URL
jQuery 将回调参数添加到查询字符串中，如下所示： example.com/someurl.js?callback=someDynamicallyGeneratedMethodName
然后由服务器返回您的客户端可以使用的 JavaScript将 JSON 结果作为参数传递给 someDynamicallyGenerateMethodName

如果您无法控制要发布到的服务器，那么您就不走运了，JSONP 不会给您带来太大好处。服务器返回的任何内容都将位于 SCRIPT 标记中，如果格式不正确，很可能会抛出错误。

有关这方面的更多信息，我建议您查看基本 $.ajax 函数而不是快捷方式。（在 Ajax 下的 jQuery 文档中。抱歉，我无法发布更多链接）

同样，如果您无法控制要发布到的服务器，则可能需要查看代理（如果可能）。否则，IFRAME 可能是您唯一的选择。还有一种方法可以使用 SWF (flash) 对象来实现此目的。我没有尝试过，但它们是解决 XMLHttpRequest 对象限制的方法。

希望我能帮忙！

回复收藏 0 原文

枯叶蝶 2024-08-14 10:58:42

您可以发布帖子，但您想要的是 JSONP 请求来解决跨域问题。本质上，您提供一个回调函数，请求作为脚本内容返回，并且使用请求中的 JSON 数据调用您的回调。您的服务器端脚本需要使用围绕 JSON 对象的回调函数将数据作为函数调用提供回来。

请参阅有关 post 函数的文档。

$.post( '/example.com/controller/action?callback=?',
        { param: "data" }, 
        function(data) {
             ...do something with the data...
        }, 'jsonp' );

ASP.NET MVC 操作：

[AcceptVerbs( HttpVerbs.Post )]
public ActionResult Action( string param, string callback )
{
     var jsonData = ...do something and construct some data in JSON...

     return Content( callback + "(" + jsonData + ");" );
}

You can do a post, but what you want is a JSONP request to get around the cross domain issues. Essentially you provide a callback function and the request comes back as script content and your callback gets called with the JSON data from the request. Your server side script will need to provide the data back as a function call using the callback function wrapped around the JSON object.

See the documentation on the post function.

$.post( '/example.com/controller/action?callback=?',
        { param: "data" }, 
        function(data) {
             ...do something with the data...
        }, 'jsonp' );

ASP.NET MVC action for this:

[AcceptVerbs( HttpVerbs.Post )]
public ActionResult Action( string param, string callback )
{
     var jsonData = ...do something and construct some data in JSON...

     return Content( callback + "(" + jsonData + ");" );
}

回复收藏 0 原文