Ajax调用WebMethod返回HTML而非目标字符串的问题排查

咱们一步步拆解你遇到的两个核心问题：

1. 为什么返回的是HTML而非预期字符串？ #

你后端WebMethod明明返回的是字符串，但前端收到HTML，大概率是请求格式错误导致后端返回了错误页。具体原因有两个：

• 前端contentType格式写错了！你写的"application/json: charset = utf8"是错误语法，正确格式应该是"application/json; charset=utf-8"（注意用分号分隔，且参数间无空格）。这个错误会让后端无法正确解析请求参数，直接返回400错误的HTML页面。
• jQuery Ajax的错误回调应该用error而非fail，你用fail的话，请求失败时根本不会触发这个函数，导致你看不到错误提示，误以为返回了正常内容。

2. 为什么改成dataType: "json"后，success和fail都不触发？ #

当你指定dataType: "json"时，前端会严格校验后端返回的JSON格式是否合法，但你的后端返回的是纯字符串"Some text"，这不符合JSON规范（且ASP.NET WebMethod默认会把返回值包装成{"d":"返回内容"}的JSON结构）。再加上之前的contentType错误，请求本身就没被后端正确处理，自然不会触发任何回调。

修复步骤 #

第一步：修正前端Ajax代码 #

把你的前端函数改成以下形式：

function getHtmlFromMarkdown(markdownFormat, requestUrl) {
    const dataValue = { "markdownFormat": markdownFormat };
    $.ajax({
        type: "POST",
        url: requestUrl,
        data: JSON.stringify(dataValue), // 必须把对象转为JSON字符串
        contentType: "application/json; charset=utf-8", // 修正contentType格式
        dataType: "json", // 匹配WebMethod默认的JSON返回格式
        success: function (response) {
            // WebMethod返回的实际内容在response.d属性中
            const htmlContent = response.d;
            alert(htmlContent);
            document.getElementById("generatedPreview").innerHTML = htmlContent;
        },
        error: function (xhr, status, error) { // 改用正确的error回调
            alert('请求失败: ' + error);
            console.log(xhr.responseText); // 打印错误详情方便调试
        }
    });
}

这里的关键修改点：

• 用JSON.stringify()序列化请求数据，因为contentType指定了application/json，后端需要接收JSON格式的参数。
• 把fail替换为error，这是jQuery Ajax的标准错误回调属性。

第二步：确保后端配置正确 #

你的后端代码本身没问题，但要确认：

• 如果是WebService，要给类加上[ScriptService]属性，允许AJAX请求访问。
• 如果是WebForms的PageMethod，要确保页面的EnablePageMethods="true"。

调试建议 #

修改后打开浏览器开发者工具（F12），查看Network面板里的请求详情：

• 检查请求的Content-Type是否正确。
• 查看响应内容和状态码，若还是报错，直接看响应的HTML就能知道具体问题。

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