Javascript XMLHttpRequest无法加载url源。访问控制允许源不允许null_Javascript_Jquery_Ajax_Html

Javascript XMLHttpRequest无法加载url源。访问控制允许源不允许null

javascript jquery ajax html

Javascript XMLHttpRequest无法加载url源。访问控制允许源不允许null,javascript,jquery,ajax,html,Javascript,Jquery,Ajax,Html,json响应处于 {"userName":"clevermeal835","userRole":"Participant"} 我收到的警报消息为成功，但在阅读响应时，我收到的错误消息为 XMLHttpRequest无法加载url源。访问控制允许源不允许null 如果通过--disable web security从命令提示符运行代码，我将得到响应下面是代码 <html> <head> <meta charset="UTF-8"> <scr

json响应处于

{"userName":"clevermeal835","userRole":"Participant"}

我收到的警报消息为成功，但在阅读响应时，我收到的错误消息为

XMLHttpRequest无法加载url源。访问控制允许源不允许null

如果通过--disable web security从命令提示符运行代码，我将得到响应
下面是代码

<html>  
<head>  
<meta charset="UTF-8">  
<script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script>  
                     <script>  
        $(document).ready(  
        function() {  
        $("#jsonpbtn2").click(function() {  
            var uid = "clevermeal835";  
            var pwd = "Welcome_1";  
            var userType = "participant";  
            var surl="http://localhost:8080/RESTlet_WS/MobiSignIn/{\"userName\":\""+uid+"\",\"password\":\""+pwd+"\",\"userType\":\""+userType+"\"}/";  
                $.ajax({  
                    type : 'GET',  
                    contentType: "application/json; charset=utf-8",  
                    url : surl,  
                    dataType : 'json',  
                    headers : {Accept : "application/json","Access-Control-Allow-Origin" : "*"},  
                    crossDomain : true,  
                    success :SucceedFunc ,
                    error : function(data, textStatus, errorThrown) {
                            console.log("error"+' '+JSON.stringify(data) + ' ' + textStatus + '  ' + errorThrown);  
                    }
                    });  
                    function SucceedFunc(data) {
                        alert("success");
                        var userName = data.userName;
                        alert(userName);
                    }
                    });  
                });  
    </script>   
    </head>  
    <body>  
    <input id="jsonpbtn2" type="submit" value="button" />  
    </body>  
    </html>


$（文件）。就绪（
函数（）{
$（“#jsonpbtn2”）。单击（函数（）{
var uid=“clevermeal835”；
var pwd=“欢迎光临”；
var userType=“参与者”；
var surl=”http://localhost:8080/RESTlet_WS/MobiSignIn/{\'userName\'：\'+uid+“\”，\'password\'：\'+pwd+“\”，\'userType\'：\'+userType+“\”}/”；
$.ajax（{
键入：“GET”，
contentType:“应用程序/json；字符集=utf-8”，
网址：surl，
数据类型：“json”，
标题：{Accept:“application/json”，“Access Control Allow Origin”：“*”}，
跨域：是的，
成功：SucceedFunc，
错误：函数（数据、文本状态、错误抛出）{
log（“error”+“”+JSON.stringify（data）+“”+textStatus+“”+errorshown）；
}
});  
函数SucceedFunc（数据）{
警惕（“成功”）；
var userName=data.userName；
警报（用户名）；
}
});  
});

如果您正在呼叫，则上面问题中的html页面

ajaxCallPage.html

，如

file://.../ajaxCallPage.html

那么你做错了

将

ajaxCallPage.html

文件放入web服务器中，并按如下方式调用它

http:/localhost:8080/../ajaxCallPage.html

。那么这个错误就不会出现了

如果是这样的话，这个问题可能与

重复。您能否至少提供一个您是如何提出请求的示例？您正在尝试跨域调用吗？刚才我已经放置了代码，请您验证并帮助我，我有点困惑，为什么您在调用localhost时将此视为跨域请求？你这样做的理由是什么？如果我删除了这个跨域：true，我会得到同样的错误这个页面的url是什么？我会放置ipaddress来代替localhost。如果我删除了，我如何从Web服务器得到响应，我已经尝试过了。你在问题中粘贴的页面的url是什么？我问这个问题是为了验证这是否正确是一个真正的跨域XmlHttpRequest。{“userName\”：\“+uid+”，“password\”：\“+pwd+”，\“userType\”：\“+userType+”\”}/这是我正在使用的url，uid=“clevermeal835”，pwd=“Welcome\u 1”，userType=“participant”；