昨天主管叫我们解决前端跨域问题,然后百度了一下又是用iframe,又是用jsonp,结果没毛线用,后面主管不服气,自己写,半天解决了,看来我饭碗保不住了,下面给大家介绍如何进行跨域,希望给大家包住饭碗。
ps :由于使用js会导致跨域的问题,而直接使用form提交是没有这个问题的,所以可以使用ajax模拟form表单提交。
首先要新建一个form表单,如果不显示可以隐藏
<form id="form1" name="form1" method="post" action="">
<input name="" value="" type="hidden" />
<input name="" value='' type="hidden" />
<input type="button" value="一键切换" name="switchSubmit" id="switchSubmit"/>
</form>
然后使用ajax,把表单二值化提交上去
$.ajax({
type:"POST",
url:"",
data: $('form[name="form1"]').serialize(),
dataType: "text",
cache: false,
beforeSend:function(){
$("input[type=button]").attr("disabled","disabled");
},
success: function(msg){
alert(msg);
}
})
这样就可以模拟form表单提交而进行跨域的问题了,虽然浏览器还是会报错,但是我测试过是有效的,有返回数据,希望能帮助到大家,如有不对,请及时指正