很棒的AJAX跨域提交

开发背景： 

在开发中采用了一个新的架构，将大部分客户的留言功能集成到一个公共API提交保存，采用不同的用户名区分，供客户查询自己网站的留言，这样节约了客户网站的资源，也提升了维护性。 

那么在提交时不能采用直接的post提交，否则会产生跳转，使访客混乱，所以采用ajax提交留言内容至公共服务器：http://wx.igooda.cn/index.php/messagesave，但尝试后发现不能提交post请求，百度后查询结果是跨域只能是get请求，这对留言内容多的来说，是不可行的。还有一种解决方案是采用jsonp请求，原理是在页面中建立一个script脚本，导入外部脚本，再将外部脚本转换为结果反馈，这样的方法也不能够很好的解决。 

开发思路： 

虽然javascript的跨域有限制，但php可以跨域提交post请求，所以在网站内建立一个api，做为post的中转站，在提交给远程服务器，这样就可以完成跨域post请求。

开发步骤： 

1、建立站内的 crosApi.php 

function Post($url, $post = null) {
    if (is_array($post)) {
        ksort($post);
        $content = http_build_query($post);
        $content_length = strlen($content);
        $options = array(
            'http' => array(
                'method' => 'POST',
                'header' =>
                "Content-type: application/x-www-form-urlencoded\r\n" .
                "Content-length: $content_length\r\n",
                'content' => $content
            )
        );
        return file_get_contents($url, false, stream_context_create($options));
    }
}

$req_url = $_POST['req_url'];

$resp = Post($req_url , $_POST);

echo $resp;

下面使用简单的登录页面作为例子调用

jq.ajax
        ({
            type: "POST",
            data:{uMark:jq("#name").val(),uPsd:jq("#psd").val(),req_url:"http://XXXXXX/Login.php"},
            contentType: "application/x-www-form-urlencoded",
            dataType: "json",
            url: "crosApi.php",  //这里是网址
            success:function(data){
                if(data["code"]==500 || data["code"]==-1){
                    jq("#loginDiv").html("登录错误，1秒后跳转到登录页面");
                    jq("#loginDiv").append("<meta http-equiv='Refresh' content='1;url=index.php' />");
                } else if (data["code"]==200) {
                    jq.StandardPost("index.php",{act:"welcome"});
                }  
                },
            timeout:3000, 
            error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert(errorThrown);
            },
            beforeSend:function(){
                jq("#loginDiv").html("正在登录...");
                }
        });