开发背景:
在开发中采用了一个新的架构,将大部分客户的留言功能集成到一个公共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("正在登录...");
}
});