json响应在中
{"userName":"clevermeal835","userRole":"Participant"}
我收到了成功的警报消息,但在阅读响应时,我收到了的错误
XMLHttpRequest无法加载url Origin访问控制允许Origin不允许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>
如果您正在调用上面问题中的html页面ajaxCallPage.html
,就像file://.../ajaxCallPage.html
一样,那么您做错了。
将ajaxCallPage.html
文件放在web服务器中,并像这样调用它http:/localhost:8080/.../ajaxCallPage.html
。那么这个错误就不会出现了。
如果是这样的话,这个问题可能是XMLHttpRequest无法加载的重复http://localhost:8080/exist/rest/db/....访问控制允许原点不允许原点为null