ajax post json 跨域

Ajax技术可以让我们在网页上异步地执行HTTP请求，并让结果直接显示在当前页面上。而使用POST方式提交JSON数据时，如果目标服务器与当前页面不在同一个域下，就会产生跨域问题。

$.ajax({
    url:"http://target.com",type:"POST",dataType:"json",data:{
        key1:"value1",key2:"value2"
    },success:function(data){
        console.log(data);
    }
});

为了解决跨域问题，我们可以使用JSONP技术或CORS技术。JSONP通过动态创建script标签，利用回调函数来获取数据。而CORS则需要后端设置相关的响应头，允许跨域访问。

//JSONP实现
$.ajax({
    url:"http://target.com",dataType:"jsonp",jsonp:"callback",success:function(data){
        console.log(data);
    }
});

//CORS实现
$.ajax({
    url:"http://target.com",xhrFields:{
        withCredentials: true
    },crossDomain: true,success:function(data){
        console.log(data);
    }
});

在使用跨域技术时，需要注意后端的安全性问题。为了避免CSRF攻击，需要在请求头中添加相关信息来进行身份验证。