javascript - 更改持有 web 方法的 aspx 页面的 url 后，Jquery .ajax 不起作用

Question

我是 Jquery 的新手。我正在尝试使用 Jquery ajax 从我的用户控件调用服务器方法。对我来说，当请求发送到的服务器页面位于根路径中时，ajax 起作用。但是当我将页面移动到子文件夹并更改 Jquery ajax 的 url 参数时，没有任何反应......

下面是WebForm1.aspx.cs中的web方法:

namespace WebApplication11
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        [System.Web.Services.WebMethod]
        public static string test2()
        {
            return "TestString";
        }

       protected void Page_Load(object sender, EventArgs e)
       {

       }
   }

当页面位于根目录下时，它可以工作。我在用户控件中的 ajax 函数在这里:

<%@ Control Language="C#" AutoEventWireup="true" 
CodeBehind="WebUserControl1.ascx.cs"      
Inherits="WebApplication11.NewFolder1.WebUserControl1" %>

    <script type ="text/javascript">
    function ajaxTest()
    {

      $.ajax({
        type: "post",
        url: "WebForm1.aspx/test2",
        data: "{}",
        contentType: "Application/json; charset=utf-8",
        dataType: "json",
        success: function (r) {alert(r.d);} 


      })
    }
    </script>

    <input type = "checkbox" id = "c1" onchange = "ajaxTest()" />

但在我将 WebForm1.aspx 页面从根目录移动到子文件夹“NewFolder2”后，将 ajax 方法中的“url”从“WebForm1.aspx/test2”更改为“/NewFolder2/WebForm1.aspx/test2”或“NewFolder2/WebForm1.aspx/test2”，没有任何反应。

我现在很沮丧。谁能给我一个提示来解决这个问题？非常感谢!

Answer 1

您是将路径从控件文件夹放置到 ajax 方法还是放置控件的页面？当控件放置在页面上时，它的 ajax 方法调用必须遵循路径，就像它在页面本身上一样，因为这就是它的呈现方式。