前端跨域问题的解决

昨天主管叫我们解决前端跨域问题,然后百度了一下又是用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表单提交而进行跨域的问题了,虽然浏览器还是会报错,但是我测试过是有效的,有返回数据,希望能帮助到大家,如有不对,请及时指正

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值