如何使用jQuery獲取Ajax請求數據？

Question

我有一個Ajax請求：

$.ajax({ url: "MyPage.aspx", 
    data: params, 
    success: function(data) { 
     // Check results     
     $('#testp').append(data.message); 
     enableForm(); 
    }, 
    error: function() { 
     alert('Unable to load the permissions for this user level.\n\nYour login may have expired.'); 
     enableForm(); 
    }, 
    dataType: "json" 
}); 

在申請頁面存在，這是否在Page_Load中結束C＃代碼：

Response.AppendHeader("X-JSON", result); 

'結果' 的格式是這樣的：

{ "success": true, "message": "SUCCESS", "user_level": 25, "switches": [ { "number": 30, "is_enabled": false, "is_default": false }, { "number": 30, "is_enabled": false, "is_default": false } ]} 

請求成功返回，但'data'爲空。我錯過了什麼？

謝謝。

Answer 1

你的主要問題似乎是，你在HTTP頭而不是作爲響應的內容返回JSON數據。你可能想要做這樣的事情：

Response.ContentType = "application/json"; 
Response.Write(result); 
Response.End(); 

這或許能夠立即解決的問題，但我會強烈建議您不要使用一個ASPX頁面的直接輸出中的方法。當你真正需要的只是一個簡單的JSON端點時，有很多不必要的開銷涉及到Page_Load的要點。更不用說，手動處理JSON序列化是沒有必要的。

如果您從服務器端的對象構建該JSON字符串，則可以使用ASP.NET AJAX「Page Method」直接返回該對象，並讓該框架處理序列化。像這樣：

public class PermissionsResult 
{ 
    public bool success; 
    public string message; 
    public int user_level; 

    public List<Switch> switches; 
} 

public class Switch 
{ 
    public int number; 
    public bool is_enabled; 
    public bool is_default; 
} 

// The combination of a WebMethod attribute and public-static declaration 
// causes the framework to create a lightweight endpoint for this method that 
// exists outside of the normal Page lifecycle for the ASPX page. 
[WebMethod] 
public static PermissionsResult GetPermissions(int UserLevel) 
{ 
    PermissionsResult result = new PermissionsResult(); 

    // Your current business logic to populate this permissions data. 
    result = YourBusinessLogic.GetPermissionsByLevel(UserLevel); 

    // The framework will automatically JSON serialize this for you. 
    return result; 
} 

你必須將它適應到你自己的服務器端數據結構，但希望你明白了。如果您已經有了可以填充所需數據的現有類，則可以使用這些類而不是爲傳輸創建新類。

要call an ASP.NET AJAX Page Method with jQuery，你需要指定的$。阿賈克斯（）調用了一對額外的參數：

$.ajax({ 
    // These first two parameters are required by the framework. 
    type: 'POST', 
    contentType: 'application/json', 
    // This is less important. It tells jQuery how to interpret the 
    // response. Later versions of jQuery usually detect this anyway. 
    dataType: 'json', 
    url: 'MyPage.aspx/GetPermissions', 
    // The data parameter needs to be a JSON string. In older browsers, 
    // use json2.js to add JSON.stringify() to them. 
    data: JSON.stringify({ UserLevel: 1}), 
    // Alternatively, you could build the string by hand. It's messy and 
    // error-prone though: 
    data: "{'UserLevel':" + $('#UserLevel').val() + "}", 
    success: function(data) { 
    // The result comes back wrapped in a top-level .d object, 
    // for security reasons (see below for link). 
    $('#testp').append(data.d.message); 
    } 
}); 

關於數據參數，這裏是它的信息需要是一個字符串：http://encosia.com/2010/05/31/asmx-scriptservice-mistake-invalid-json-primitive/

另外，這裏更多地介紹如何使用JSON.stringify（）方法：http://encosia.com/2009/04/07/using-complex-types-to-make-calling-services-less-complex/

.d問題最初可能會讓人困惑。基本上，JSON會回來這樣的，而不是你怎麼可能指望：

{"d": { "success": true, "message": "SUCCESS", "user_level": 25, "switches": [ { "number": 30, "is_enabled": false, "is_default": false }, { "number": 30, "is_enabled": false, "is_default": false } ]}} 

這很容易解釋，一旦你指望它。當頂級容器是一個數組時，它通過減輕相當危險的客戶端漏洞使它更安全。不適用於此特定情況，但通常情況下不錯。你在這裏閱讀更多關於：http://encosia.com/2009/02/10/a-breaking-change-between-versions-of-aspnet-ajax/

Answer 2

的答案應該是：

add方法名的AJAX設置你的URL值的末尾：

網址： 「MyPage.aspx /法」

確保您指向使用該方法的正確頁面並確保該方法具有WebMethod（）屬性。

---

$ .ajax幾乎可以處理您的一切。返回的數據，如果AJAX調用成功，傳遞給成功函數作爲參數，即：

success: function (data) { 
    //do something 
} 

爲「data.message」的值僅當「消息」是的屬性數據返回。在你的情況下，ID爲「testp」的元素應該接收「data.message」的值，但是該對象的其餘部分未被使用。

大博客爲你檢查出所有的東西AJAX對於.NET：http://encosia.com/

我經常使用JSON LIB（http://www.json.org/js.html）來測試返回的數據。只需添加

alert(JSON.stringify(data)); 

你的成功的功能

Answer 3

我有一些運氣最近，這裏是我做的職位，並有指向很多很好的信息有！

Can't get jQuery Ajax to parse JSON webservice result