HTML页面不会完成一个XMLHTTPRequest

所以我试图让一个外部脚本使用XMLHTTPRequest来完成一个登录请求。HTML页面不会完成一个XMLHTTPRequest

我得到的错误是XMLHttpRequest无法加载http：// / .php。来源http：// *不被Access-Control-Allow-Origin允许。

现在我已经长大很熟悉了这个帖子： XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin

而且从我的理解，我需要请求它作为一个JSONP对象。这个问题是，我正在使用XMLHTTPRequest并且不能使用jQuery库来做到这一点。

下面是从HTML页面我试图执行从脚本我的代码：从我的主文件

<html> 
<head> 
<meta http-equiv="Access-Control-Allow-Origin" content="*"> 
<script language = "javascript" type="text/javascript" src="jquery-1.7.2.js"> 
</script> 
<script language = "javascript" type="text/javascript" src="main.js"> 
</script> 
<script type="text/javascript"> 
function show_prompt() 
    { 
    var name=prompt("User Name"); 
    var password =prompt("Password"); 
    var loginWorked = false; 
    if (name!=null && name!="") loginWorked = init(name,password); 
if(loginWorked == true){ 
    window.location = "Toolbar.html" 
} 
} 
</script> 
</head> 
<body> 
<input type="button" onclick="show_prompt()" value="Login" /> 
</body> 
</html>

，代码：

初始化函数：

function init(username,password){ 
    //Initializes the toolbar. 

init.user = username; 
init.pass = password; 
init.pass_hashed = sha256(init.pass); 
var key = fetchKey(username); 
init.pass_hashed += key; 
init.pass_hashed = sha256(init.pass_hashed); 
var loginParams = "login=1&pwd=" + init.pass_hashed + "&uname=" + init.user + "&LastKey=" + getKey(); 
loginReqReturn = send_request("http://data.nova-initia.com/login2.php","POST", loginParams); 
if(loginReqReturn.responseText != "Error: Login Incorrect "){ 
    return true; 
} 
else return false;

}

而sendRequest方法：

function send_request(theURL, theMethod, theParams) 
{ 
var theReq = new XMLHttpRequest(); 
theReq.overrideMimeType("application/json"); 
theReq.open(theMethod,theURL,false); 
if(typeof(theParams) === "string") 
{ 
    theReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
} 
else 
{ 
    theReq.setRequestHeader("Content-type", "application/json"); 
    theParams = JSON.stringify(theParams); 
} 
if(_key) theReq.setRequestHeader("X-NOVA-INITIA-LASTKEY", _key); 
if(theParams) 
{ 
    theReq.send(theParams); 
} 
setKey(theReq); 
return theReq;

}

不是最有效的代码，但它至少工作时，我在非HTML上下文（我工作的谷歌浏览器工具栏上执行，但需要HTML叠加工作）。任何帮助深表感谢。

来源

2012-04-18 Arthur

你认为你只能做这些类型的jQuery的请求？ – epascarello 2012-04-18 22:40:07

我不确定您确切的问题是什么，但是如果您知道使用JSONP是您可以在不使用jQuery的情况下执行此操作的解决方案。下面是它如何工作的：http://en.wikipedia.org/wiki/JSONP

来源

2012-04-18 22:14:00 koenpeters

如果这是一个Google Chrome Extension，你可以扩展的清单中请求cross-origin XMLHttpRequest requests权限：

{ 
    ... 
    "permissions": [ 
    "http://data.nova-initia.com/" 
    ], 
    ... 
}

来源

2012-04-18 22:46:29

HTML页面不会完成一个XMLHTTPRequest

回答

相关问题