谷歌插件解决ajax跨域问题

小生第一次写博客，略紧张，大哥大姐们不要嫌弃哈。

之前在提交ajxa数据的时候（代码如下），服务器明明接受到了我post给他的数据，查下数据库表也已经增加了，但是就是接受不到服务器发回的状态（代码如下）：

function addNewFunction2(step2Itemid,newVal) {
    $.ajax({
        url: "http://localhost:8080/BOMO/products/setProductsTypeInForm",
        type: 'POST',
        data: { DTypeId:step2Itemid, PTypeName:newVal},
        cache: false,
        dataType: 'json',
        success: function (data) {
            if(data.status){
                alert("添加成功");
                document.getElementById("select-2").options.length=0; //将原有下拉菜单数据清除
                Step1();
            }
            else{
                alert("添加失败");
            }
        }
    });
}

按F12谷歌报错是这样的：

XMLHttpRequest cannot load http://localhost:8080/BOMO/products/setDivceTypeInForm.No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

查了网上资料，发现大部分都是更改谷歌安全权限（ --disable-web-security）或者jsonp的解决办法。只试过前者，发现并没有作用，之后同学告诉我谷歌有一个支持跨域的插件，下载后发现还真的有用。

具体如下：

温馨提示：下载谷歌插件需要翻个墙先嘿嘿。。

在谷歌扩张程序中找到这货：allow control。

谷歌插件解决ajax跨域问题

下载，勾选启用，

谷歌插件解决ajax跨域问题

然后他就在你的右上角出现，然后就可以跨域了【手动笔芯】

秒客网

谷歌插件解决ajax跨域问题

相关文章