使用AJAX+VB.NET获取服务端列表时返回完整文件的问题求助

核心问题原因 #

1. ASCX控件无法作为AJAX端点：用户控件（.ascx）依赖父页面渲染，IIS不会直接路由AJAX请求到ASCX文件，请求会返回控件的完整HTML内容，而非触发WebMethod。
2. URL路径错误：JS中的~/路径占位符不会被自动解析，需要生成客户端可识别的绝对/相对路径。
3. WebMethod配置缺失：缺少必要的修饰符或会话配置，导致方法无法被AJAX调用。

1. 迁移WebMethod到有效端点 #

将WebMethod移至ASPX页面或ASMX Web服务（推荐ASMX，更适合独立接口场景）：

选项1：ASPX页面实现

在父ASPX页面（如Default.aspx.vb）中添加：

<WebMethod(EnableSession:=True)> ' 需要Session时必须加此配置
Public Shared Function GetMenuFromDB() As String
    Dim presenter As New MenuPresenter()
    Return presenter.GetMenuFromDB()
End Function

选项2：ASMX Web服务实现

新建MenuService.asmx文件，代码如下：

<%@ WebService Language="VB" Class="MenuService" %>

Imports System.Web.Services
Imports System.Web.Script.Services

<ScriptService()> ' 必须添加此特性以支持AJAX调用
<WebService(Namespace:="http://your-namespace/")>
Public Class MenuService
    Inherits WebService

    <WebMethod(EnableSession:=True)>
    Public Function GetMenuFromDB() As String
        Dim presenter As New MenuPresenter()
        Return presenter.GetMenuFromDB()
    End Function
End Class

2. 修正AJAX请求URL #

JS无法解析~/，需通过服务器端生成正确路径：

<!-- 在ASPX页面中生成路径 -->
<script>
// 针对ASPX页面的WebMethod
var menuUrl = '<%= ResolveUrl("~/Default.aspx/GetMenuFromDB") %>';
// 针对ASMX服务
var menuUrl = '<%= ResolveUrl("~/MenuService.asmx/GetMenuFromDB") %>';
</script>

或手动编写绝对路径（适用于站点根目录明确的场景）：

var menuUrl = "/Default.aspx/GetMenuFromDB";

3. 调整AJAX请求配置 #

原生JS示例（POST请求，推荐）

function getMenuByUser() {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", menuUrl, true);
    xhr.setRequestHeader("Content-Type", "application/json; charset=utf-8");
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            // ASP.NET WebMethod返回的JSON会被包裹在d属性中
            var responseData = JSON.parse(xhr.responseText).d;
            console.log(responseData);
        }
    };
    xhr.send(JSON.stringify({})); // POST请求需发送空JSON（无参数时）
}

jQuery示例（ASMX服务）

$(document).ready(function () {
    $.ajax({
        type: "POST",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: menuUrl,
        success: function (result) {
            console.log(result.d);
        },
        error: function (xhr) {
            console.log("错误详情：" + xhr.responseText);
        }
    });
});

4. 关键注意事项 #

• WebMethod修饰符：必须为Public Shared（VB.NET），否则无法被AJAX调用。
• Session访问：方法需要Session时，必须添加EnableSession:=True到WebMethod属性。
• 请求方式：默认WebMethod仅支持POST，若需使用GET，需添加EnableHttpGet:=True到属性，或在web.config中配置：

<configuration>
  <system.web>
    <webServices>
      <protocols>
        <add name="HttpGet"/>
        <add name="HttpPost"/>
      </protocols>
    </webServices>
  </system.web>
</configuration>

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