2015-02-11 118 views
0

如何使用java腳本解析json文件中的數據?如何使用java腳本解析json文件中的數據

如何使用Java腳本 我在JSON file.how只拿到了空的警告對話框中檢索JSON文件數據

<select onchange="calTest()" id="sle"> 
    <option>Peter</option> 
    <option>Zara</option> 
    <option>one</option> 
</select> 
<input type="text" id="txt"> 
<!-- http://jsfiddle.net/ifaour/S4YYk/1/ --> 

<!-- http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js --> 
<script src="jquery.js"></script> 
<script> 
    function calTest() { 
     var aname = document.getElementById("sle").value; 

     var json = ""; 

     $.getJSON("test/test.json", function(data) { 
      json = data; 

     }); 
     alert(json); 
     $.each(json, function(i, v) { 

      if (v.name == aname) { 
       document.getElementById("txt").value = v.age; 
       alert(v.age); 
       return; 
      } 
     }); 

    } 
</script> 

+4

Java是爲JavaScript火腿是倉鼠,我編輯刪除了Java代碼:)的 – NiziL 2015-02-11 13:58:46

+2

可能重複[如何返回從Ajax響應調用?](HTTP:/ /stackoverflow.com/questions/14220321/how-to-return-the-response-from-an-ajax-call) – 2015-02-11 13:59:56

+0

[Parse JSON in JavaScript?](http://stackoverflow.com/questions/4935632 /解析-JSON-中的JavaScript) – lopisan 2015-02-11 14:00:18

回答

2

$ .getJSON是全部內容解析來自JSON文件數據異步,這意味着它在警報之後被調用...所以json仍然是空的。

嘗試

$.getJSON("test/test.json", function(data) { 
     json = data; 
     alert(json); 
});