ajax json post 跨域

AJAX和JSON是前端开发中非常重要的两个技术，而使用POST请求跨域是常见的需求之一。下面我们来详细讲解如何使用AJAX和JSON进行POST请求跨域。

首先我们需要在前端通过AJAX发送POST请求，这可以通过下面的代码来实现：

$.ajax({
    url: "http://example.com/api",type: "POST",data: JSON.stringify({key1: 'value1',key2: 'value2'}),contentType: "application/json",dataType: "json",success: function(response) {
        console.log(response);
    },error: function(xhr,status,error) {
        console.error(status,error);
    }
});

接下来我们需要在后端做出相应的处理。在服务端的接口中，我们需要加入如下代码来允许跨域访问：

// 允许来自 http://example.com 的请求
header("Access-Control-Allow-Origin: http://example.com");
// 允许发送 Cookie
header("Access-Control-Allow-Credentials: true");
// 响应类型为 JSON
header('Content-Type: application/json');

同时，由于我们使用了POST请求，因此还需要在服务端接口中使用如下代码来获取POST请求的参数：

$postData = json_decode(file_get_contents("PHP://input"));

以上就是使用AJAX和JSON进行POST请求跨域的方法。希望本文能够对你有所帮助。