Javascript查詢銀行API

Question

我正在敲定一個大學項目，我被卡住了。

我在netbeans中創建了一個API，它工作正常。

回覆例如

<?xml version="1.0" encoding="UTF-8"?> 
    <accountholder> 
     <accountnumber>45672</accountnumber> 
     <address>234 THE BANK, DUBLIN 1</address> 
     <balance>763.32</balance> 
     <email>JOHANN@SMITH.COM</email> 
     <firstname>JOHANN</firstname> 
     <id>1</id> 
     <lastname>SMITH</lastname> 
     <pinnumber>1234</pinnumber> 
    </accountholder> 

現在我試圖創建一個JavaScript來通過Id搜索時返回數據。

<script language="javascript" type="text/javascript"> 
var request = null; 

function createRequest() { 
try { 
request = new XMLHttpRequest(); 
} catch (trymicrosoft) { 
try { 
request = new ActiveXObject("MsXML2.XMLHTTP"); 
} catch (othermicrosoft) { 
try { 
request = new ActiveXObject("Microsoft.XMLHTTP"); 
} catch (failed) { 
request = null; 
} 
} 
} 

if (request == null) 
alert("Error creating request object!"); 
} 
function getMessage() 
{ 
createRequest(); 
var accountholderid = document.getElementById("Id").value; 
id=eval(accountholderid); 
var url = "http://localhost:8080/BankProjectApi/webresources/bankprojectapi.accountholder/"+id; 
request.onreadystatechange = handleResponse; 
request.open("GET", url, true); 
request.send(null); 
} 
function handleResponse() { 
if (request.readyState==4 && request.status==200) 
{ 
var xmlDocument=request.responseXML; 
var firstname = xmlDocument.getElementsByTagName("firstname"); 
var lastname = xmlDocument.getElementsByTagName("lastname"); 
var accountnumber = xmlDocument.getElementsByTagName("accountnumber"); 

for(var i=0; i<firstname.length; i++) { 
var firstname = firstname[i].childNodes[0].nodeValue; 
var lastname = lastname[i].childNodes[0].nodeValue; 
var accountnumber= accountnumber[i].childNodes[0].nodeValue; 
document.getElementById('lastname').value=firstname; 
document.getElementById('firstname').value=lastname; 
document.getElementById('accountnumber').value=accountnumber; 
} 
} 

} 
</script> 

在身體我有一個按鈕輸入文本框與上點擊：

<td>Enter Account holder ID : </td> 
<td><input type="text" id="playerid" size="10"/> 

<input type="button" value="Get Details" onclick="getMessage()"/> 
</tr> 
<tr> 
<td>Account holder Last Name : </td> 
<td> <input type="text" id="lastname" size="10"/> </td> 
</tr> 

<tr> 
<td>Account holder First Name : </td> 
<td> <input type="text" id="firstname" size="10"/> </td> 
</tr> 

<tr> 
<td>Account number : </td> 
<td> <input type="text" id="accountnumber" size="10"/> </td> 
</tr> 

我缺少什麼，因爲它不返回任何東西:(

Answer 1

我相信你的身份證'accountholderid'的值是'Id'而不是'playerid'。

請問你爲什麼要調用'eval'的值？你需要parseInt嗎？

(function() { 

var request = null; 

function createRequest() { 
    try { 
     request = new XMLHttpRequest(); 
    } catch (trymicrosoft) { 
     try { 
      request = new ActiveXObject('MsXML2.XMLHTTP'); 
     } catch (othermicrosoft) { 
      try { 
       request = new ActiveXObject('Microsoft.XMLHTTP'); 
      } catch (failed) { 
       request = null; 
      } 
     } 
    } 

    if (request === null) { 
     alert('Error creating request object!'); 
    } 
} 

function getMessage() { 
    createRequest(); 

    var accountholderid = document.getElementById('playerid').value, 
     id = eval(accountholderid), 
     url = 'http://localhost:8080/BankProjectApi/webresources/bankprojectapi.accountholder/' + id; 

    request.onreadystatechange = handleResponse; 
    request.open("GET", url, true); 
    request.send(null); 
} 

function handleResponse() { 
    if (request.readyState === 4 && request.status === 200) { 
     var xmlDocument = request.responseXML, 
      firstname = xmlDocument.getElementsByTagName('firstname'), 
      lastname = xmlDocument.getElementsByTagName('lastname'), 
      accountnumber = xmlDocument.getElementsByTagName('accountnumber'); 

     for(var i = 0, max = firstname.length; i < max; i += 1) { 
      var firstname = firstname[i].childNodes[0].nodeValue, 
       lastname = lastname[i].childNodes[0].nodeValue, 
       accountnumber = accountnumber[i].childNodes[0].nodeValue; 

      document.getElementById('lastname').value = firstname; 
      document.getElementById('firstname').value = lastname; 
      document.getElementById('accountnumber').value = accountnumber; 
     } 
    } 

} 

}()); 

此外，我做了一個代碼的快速重構，以幫助我評估問題，堅持更多的社區約定以及避免常見的JS陷阱。 （例如關閉，缺少var聲明，===，捲曲到處，單個可變模式，以及其他一些）。