Asynchronous JavaScript and XML (Ajax ) 是驅動新一代 Web 站點(流行術語為 Web 2.0 站點)的關鍵技術。Ajax 允許在不干擾 Web 應用程序的顯示和行為的情況下在后臺進行數據檢索。使用 XMLHttpRequest 函數獲取數據,它是一種 API,允許客戶端 JavaScript 通過 HTTP 連接到遠程服務器。Ajax 也是許多 mashup 的驅動力,它可將來自多個地方的內容集成為單一 Web 應用程序。
一般處理服務器傳來的json值時,我們都會用兩種方式進行處理:
1.一種為使用eval()函數。var dataObj=eval("("+data+")");
//轉換為json對象(注:data為json數據);
2. 使用Function對象來進行返回解析。var json =(new Function("","return "+data))();
但是今天做項目(項目用struts2)時用這兩種方法進行json讀取,輸出時一直是undefined。上網查了許多資料,大多都說不明白,后來查到一篇文章作者也遇到這種情況,他解決的辦法是在action中將返回值聲明json屬性,在自己的項目上測試后不通過,后來解決的辦法是再轉一次。以下是自己的思考:從后臺傳來的數據雖然聲明為json屬性,但是傳到前臺時其實還是一個字符串,不是一個json對象,這時候我們需要對后臺的數據進行處理,轉化為json對象,然后獲取json中的值。但是有時候后臺傳來的值不一定是標準的json格式的字符串,雖然我們通過前面的兩種方法之一轉化后臺傳來的對象,但是這時候轉化的json對象實際上還是一個字符串,是一個標準的json字符串,我們再一次轉換后就成了一個json對象。
以下是部分代碼:
result = JSONObject.fromObject(map).toString();//后臺代碼,將map轉成json對象
success : function(result) {//前臺返回值代碼
var obj = eval("("+result+")");
//var data1 =(new Function("","return "+obj))();
var data1=eval("("+obj+")");
alert(data1.name);
}
總結
以上所述是小編給大家介紹的ajax獲取json數據為undefined原因分析,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
您可能感興趣的文章:- js刪除對象/數組中null、undefined、空對象及空數組方法示例
- JavaScript基本類型值-Undefined、Null、Boolean
- 有關JS中的0,null,undefined,[],{},'''''''''''''''',false之間的關系
- Javascript中判斷一個值是否為undefined的方法詳解
- JS中怎樣判斷undefined(比較不錯的方法)
- JS中判斷null、undefined與NaN的方法
- javascript中undefined的本質解析