在 ajax 调试中需要帮助

Question

<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        $(document).ready(function () {
            $('#myButton').click(function () {
                $.ajax({
                    type: "POST",
                    url: "testajax.aspx/GetHello",
                    contentType: "application/json; charset=utf-8",
                    data: {},
                    dataType: "json",
                    success: function (data) {
                        $('#myLabel').text(data.d);
                    },
                    error: function (err) {
                        console.log(err);
                    }
                });
            });
        });
    </script>

<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
            <input id="myButton" type="button" value="Click me" />
            <%--<asp:Button ID="myButton" runat="server" Text="Click me" />--%>
            <asp:Label ID="myLabel" runat="server" Text="" />
        </div>
    </form>
</body>

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
public partial class DataUpdate__testa : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    [WebMethod]
    public string GetHello()
    {
        return "Hello";
    }
}

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

在 web.config 中设置

找了半天还是不知道哪里出了问题。。不胜感激，谢谢！

Answer 1

您的页面隐藏代码看起来真的很乱。

白手起家。 添加一个新的空白页，假设名为 testajax.aspx。

因此，页面内的代码将是这样的：

    protected void Page_Load(object sender, EventArgs e)
    {

    }

    [WebMethod]
    static public string GetHello()
    {
        return "Hello";
    }

不要弄乱该页面中的任何其他内容。 事实上，当你输入上面的 [WebMethod] 时，vs 应该自动添加到 using 中：

using System.Web.Services;

但是，请仔细检查此测试页上是否存在上述“使用”。

现在，我当然不会弄乱代码的 rest 或页面的创建方式。 （你也不应该这样做。！！！）。

因此，虽然我没有输入页面的 rest，但代码清单背后的完整代码如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace CSharpWebApp
{
    public partial class testajax : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        [WebMethod]
        static public string GetHello()
        {
            return "Hello";
        }

    }

但是，您当然只在我们简单例程 GetHello 的那个页面上输入了一个简单的 web 方法。

注意非常小心：

由于这不是单独的自定义“asmx”web 服务页面，因此该页面中的任何和所有方法都必须标记为 static。（将方法添加到 asmx 页面是您的自由选择，或者像我经常做的那样，推它们进入现有的 web 页面，但对于现有的 aspx 页面，您必须按照说明将 function 标记为 static。

好的，现在是您的 js 代码。 你有一大堆额外的尾随 :: 等。编辑器应该帮助你，但公平地说，js 代码可能很难，因为它在构建过程中没有编译或解析。

然而，我们的标记可以是这样的：

  <script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>

  <script type="text/javascript">

      function myjavatest() {

          $.ajax({
              type: "POST",
              url: "testajax.aspx/GetHello",
              contentType: "application/json; charset=utf-8",
              data: {},
              dataType: "json",
              success: function (data) {
                  $('#myLabel').text(data.d);
              },
              error: function (err) {
                  console.log(err);
              }
          });
      }

  </script>


<body>
    <form id="form1" runat="server">

        <div>
            <asp:Button ID="myButton" runat="server" Text="Click me"
                OnClientClick="myjavatest();return false" />

            <br />
             <asp:Label ID="myLabel" runat="server" Text=""  ClientIDMode="Static"/>


        </div>
    </form>

所以，以上就是你所需要的。

一些东西：

如前所述，当您要将 web 方法添加到现有页面时，请确保将其标记为 static。

接下来：

要引用带有 jQuery 的页面上的控件，则使用 label 或文本框，或任何带有 clientid="Static" 的内容。 （因为 asp.net 处理器会混淆 id 名称，此设置可防止这种情况发生）。