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

回答

相關問題