如何使用 jQuery 创建一个指定 contentType 的 jsonp POST 请求？

Question

我需要创建一个内容类型为“application/json”的 jsonp POST 请求。我可以像这样向服务器发送 POST 请求：

      jQuery.ajax({
        type: 'POST',
        url: url,
        data: data,
        success: success,
        error: error,
        async: true,
        complete: complete,
        timeout: TIMEOUT,
        scriptCharset: 'UTF-8',
        dataType: 'jsonp',
        jsonp: '_jsonp',
      });

但是，只要我添加以下行：contentType: "application/json"，它就会开始将其作为 OPTIONS 请求而不是 POST 发送。

如何在指定内容类型的同时仍将请求作为 POST 提交？

Answer 1

无法发出 JSONP POST 请求。

JSONP 通过创建一个<script> 标签来执行来自不同域的 Javascript；无法使用<script> 标签发送 POST 请求。

Answer 2

在dataType 中使用json 并像这样发送：

        $.ajax({
            url: "your url which return json",
            type: "POST",
            crossDomain: true,
            data: data,
            dataType: "json",
            success:function(result){
                alert(JSON.stringify(result));
            },
            error:function(xhr,status,error){
                alert(status);
            }
        });

并将这些行放在您的服务器端文件中：

如果 PHP：

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Max-Age: 1000');

如果 java:

response.addHeader( "Access-Control-Allow-Origin", "*" ); 
response.addHeader( "Access-Control-Allow-Methods", "POST" ); 
response.addHeader( "Access-Control-Max-Age", "1000" );

Answer 3

有一个（黑客）解决方案我已经做过很多次了，你将能够使用 JsonP 发布。 （您将能够发布表单，大于 2000 个字符，而不是您可以通过 GET 使用）

客户端应用程序 Javascript

$.ajax({
  type: "POST", // you request will be a post request
  data: postData, // javascript object with all my params
  url: COMAPIURL, // my backoffice comunication api url
  dataType: "jsonp", // datatype can be json or jsonp
  success: function(result){
    console.dir(result);
  }
});

JAVA：

response.addHeader( "Access-Control-Allow-Origin", "*" ); // open your api to any client 
response.addHeader( "Access-Control-Allow-Methods", "POST" ); // a allow post
response.addHeader( "Access-Control-Max-Age", "1000" ); // time from request to response before timeout

PHP：

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Max-Age: 1000');

这样做，您正在向任何发布请求打开服务器，您应该通过提供 ident 或其他内容来重新保护它。

通过这个方法，你也可以将请求类型从jsonp更改为json，两者都可以，只需设置正确的响应内容类型

jsonp

response.setContentType( "text/javascript; charset=utf-8" );

json

response.setContentType( "application/json; charset=utf-8" );

请注意，您的服务器将不再遵守 SOP（同源政策），但谁在乎呢？