ajax的x-www-form-urlencoded与json格式解决跨域问题

在AJAX中，x-www-form-urlencoded 和 json 是两种常用的数据格式，可以通过设置 Content-Type 头部来指定。这两种格式并不是用来解决跨域问题的，而是用来指定发送到服务器的数据格式。

跨域问题通常是由于浏览器的同源策略导致的，即一个源（协议、域名和端口）的文档尝试请求另一个源的资源时会遇到安全限制。为了解决跨域问题，通常可以采用以下方法之一：

1. JSONP：只支持GET请求，不支持POST。
2. CORS：服务器需要在响应头中设置 Access-Control-Allow-Origin。
3. 代理服务器：在服务器端设置一个代理，所有前端请求先发送到这个代理服务器，由代理服务器转发到目标服务器。
4. 在服务端设置HTTP302重定向，跳转到具有相同源的页面。

以下是使用 jQuery.ajax() 发送 x-www-form-urlencoded 和 json 数据的示例代码：

// 发送x-www-form-urlencoded数据
$.ajax({
    url: 'http://example.com/api/data',
    type: 'POST',
    contentType: 'application/x-www-form-urlencoded',
    data: { key1: 'value1', key2: 'value2' },
    success: function(response) {
        console.log(response);
    },
    error: function(xhr, status, error) {
        console.error(error);
    }
});
 
// 发送json数据
$.ajax({
    url: 'http://example.com/api/data',
    type: 'POST',
    contentType: 'application/json',
    data: JSON.stringify({ key1: 'value1', key2: 'value2' }),
    success: function(response) {
        console.log(response);
    },
    error: function(xhr, status, error) {
        console.error(error);
    }
});

注意，以上代码没有解决跨域问题，只是展示了如何通过AJAX发送数据。要解决跨域问题，你需要在服务器端设置适当的CORS头部，例如：

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type");

或者，如果你想限制允许的域，可以替换 * 为具体的域名。