如何使用JQuery从ASP.Net WebMethod向Ajax返回数组？

我来帮你搞定这个问题，要让ASP.NET WebMethod返回数组并通过Ajax正确接收，得注意前后端的几个关键细节，我给你整理好正确的代码和注意事项：

一、后端WebMethod代码调整 #

首先确保你的WebMethod是public static的，并且加上[WebMethod]特性，同时返回的自定义类要支持序列化（不然JSON序列化会失败）。比如：

using System.Web.Services;
using System.Collections.Generic;

public partial class adminCopyCrystalReport : System.Web.UI.Page
{
    // 必须加上[WebMethod]特性，方法必须是public static
    [WebMethod]
    public static GetFolderDetails[] getAllDirectoryNames(string dirLocation)
    {
        // 这里替换成你实际获取目录的逻辑
        List<GetFolderDetails> folderList = new List<GetFolderDetails>();
        
        // 示例数据，模拟获取到的目录信息
        folderList.Add(new GetFolderDetails { FolderName = "报表文件夹1", FolderPath = "/Reports/Folder1" });
        folderList.Add(new GetFolderDetails { FolderName = "报表文件夹2", FolderPath = "/Reports/Folder2" });
        
        return folderList.ToArray();
    }

    // 自定义类要保证可序列化，要么加[Serializable]，要么是简单的POCO类
    [System.Serializable]
    public class GetFolderDetails
    {
        public string FolderName { get; set; }
        public string FolderPath { get; set; }
    }
}

二、前端Ajax代码修正 #

前端要注意参数的正确传递（用JSON.stringify包装），以及接收结果时要取response.d（ASP.NET会把结果包装在这个属性里）：

// 假设correctPath是你已经获取到的目录路径变量
$.ajax({ 
  type: "POST", 
  contentType: "application/json;charset=utf-8", 
  url: "adminCopyCrystalReport.aspx/getAllDirectoryNames", 
  // 如果需要传递参数，必须用JSON.stringify包装，参数名要和后端方法的参数名完全一致（大小写敏感）
  data: JSON.stringify({ 
    dirLocation: correctPath 
  }), 
  dataType: "json", 
  success: function (response) { 
    // 关键：ASP.NET WebMethod的返回结果会被包装在response.d中
    var folderArray = response.d;
    
    // 这里可以遍历数组做你需要的操作，比如渲染到页面
    folderArray.forEach(function(folder) {
        console.log("文件夹名称：" + folder.FolderName + "，路径：" + folder.FolderPath);
        // 比如追加到页面元素：
        // $("#folderList").append("<li>" + folder.FolderName + "</li>");
    });
    
    // 用alert展示完整结果的话，建议转成JSON字符串，不然直接alert数组会显示[object Object]
    alert('Success = ' + JSON.stringify(folderArray));
  }, 
  error: function (xhr, status, error) { 
    // 错误时别只弹"Error"，显示更详细的信息方便调试
    alert("请求出错：" + status + "\n错误信息：" + error);
    console.log(xhr.responseText); // 控制台可以看到具体的错误详情，比如后端抛出的异常
  } 
});

三、关键注意事项 #

• WebMethod的要求：必须是public static，并且标记[WebMethod]，否则无法被Ajax调用。
• 序列化问题：如果返回自定义类的数组，类必须支持序列化，要么加[Serializable]特性，要么是属性全为公共可读写的简单POCO类。
• 参数匹配：前端传递的参数名要和后端方法的参数名完全一致（大小写敏感），并且必须用JSON.stringify包装成JSON格式。
• 结果获取：ASP.NET会自动把WebMethod的返回值包装在d属性中，所以必须通过response.d获取实际的数组数据，直接用data会拿到包装后的对象。
• 路径正确性：确保url中的页面名称和方法名没有写错，比如页面是adminCopyCrystalReport.aspx，方法是getAllDirectoryNames，路径要和实际部署的位置匹配。

内容的提问来源于stack exchange，提问作者kevin Peter