Ajax 调用在 asp.net Web 表单中返回整个页面 html

Question

我正在开发 asp.net 网络表单应用程序。我试图在代码隐藏中对 web 方法进行 ajax 调用，但它不是返回结果，而是返回整个 html 页面。

我在点击按钮时调用它

 <input type="button" id="btnCallAPIFromClient" class="btn btn-success" value="Call API from Client"/>

我的js脚本是：

$(document).ready(function() {
    //PageMethods.set_path(PageMethods.get_path() + '.aspx');
    $('#btnCallAPIFromClient').click(function() {
        alert('here');
        $.ajax({
            url: '/login/GetAccessToken',
            type: "POST",
            dataType: 'html',
            success: function(response) {
                alert(response);
                debugger;
                sessionStorage.setItem("accessToken", response.access_token);
                alert(response.access_token);
            },
            // Display errors if any in the Bootstrap alert <div>
            error: function(jqXHR) {
                alert(jqXHR.responseText);
            }
        });
    });
});

网络方法是：

   [WebMethod]
        public static string GetAccessToken()
        {
           return "abc";
        }

Answer 1

这是因为您已将数据类型设置为 html。 将数据类型更改为文本，如下所示：

dataType: 'text'

并且也在成功函数中改变这一行

sessionStorage.setItem("accessToken", response.access_token);

到

sessionStorage.setItem("accessToken", response);

因为您没有收到 json 格式的数据。所以这将是无效的。