如何使用jquery ajax通过url传递参数而不刷新页面？

Question

我正在尝试使用 Asp.Net 中的 Get 方法传递参数。但是地址栏里的url没有变化。

请任何人帮助我通过 url 使用 ajax 调用传递参数。

我这边的一些尝试如下考虑url如下

        var obj = { templateName: templateName, pageIndex: pageIndex };
        $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",
            url: "result.aspx/DisplayResult",
            // data: "{'templateName':'" + document.getElementById('txtSearch').value + " &pageIndex : '" + pageIndex + "'' }",
            data: JSON.stringify(obj),
            dataType: "json",
            success: OnSuccess,
            error: function (result) {
                alert(result.value);
            }
        });

Answer 1

您的 AJAX 请求看起来不错，但没有理由更改 URL。如果您的请求成功，它将由OnSuccess 函数处理。但是，我看不到您在哪里定义了onSuccess 引用的函数。试试这个：

   var obj = { templateName: templateName, pageIndex: pageIndex };
        $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",
            url: "result.aspx/DisplayResult",
            // data: "{'templateName':'" + document.getElementById('txtSearch').value + " &pageIndex : '" + pageIndex + "'' }",
            data: JSON.stringify(obj),
            dataType: "json",
            success: function (response) {
              // You should see the response object in your dev console
              console.log(response);
              // If you want to manipulate the URL for some reason after a successful callback,
              // do that here, or better, call a function referenced elsewhere that does it.
            },
            error: function (result) {
                alert(result.value);
            }
        });