Question

有人可以告诉我为什么WebMethod不是单独在一个页面中触发，这个相同的代码在另一个页面中工作，但不在我希望它工作的页面中。我将整个代码转移到一个新页面，它在那里工作得非常好，但如果我在我的实际页面中使用它，它不会触发web方法。不确定发生了什么。

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/themes/blitzer/jquery-ui.css" rel="Stylesheet" type="text/css" />

    <script type="text/javascript">
           $(function () {
        $("[id$=txtSkill]").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '<% =ResolveUrl("HRMCareerEAF.aspx/GetSkills") %>',
                    data: "{ 'prefix': '" + request.term + "'}",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                label: item.split('-')[0],
                                val: item.split('-')[1]
                            }
                        }))
                    },
                    error: function (response) {
                        alert(response.responseText);
                    },
                    failure: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            select: function (e, i) {
                $("[id$=hfSkillID]").val(i.item.val);
            },
            minLength: 1
        });
    });
    </script>

                                                                                       <asp:TextBox ID="txtSkill" runat="server" style="text-align: center" />

    [WebMethod(EnableSession = true)]
    public static string[] GetSkills(string prefix)
    {
        HRMRecruitmentProcessDAL obj = new HRMRecruitmentProcessDAL();
        DataSet ds = obj.BindMstcommon(HttpContext.Current.Session["CandidateID"].ToString(), "GetSkillsDD", "%" + prefix + "%");
        List<string> skills = new List<string>();
        for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
        {
            skills.Add(string.Format("{0}-{1}", ds.Tables[0].Rows[i]["Skill_Desc"].ToString(), ds.Tables[0].Rows[i]["skill_id"].ToString() + "|" + ds.Tables[0].Rows[i]["Skill_GroupID"].ToString())); //ds.Tables[0].Rows[i]["Skill_GroupDesc"].ToString() + " : " +
        }
        return skills.ToArray();
    }

Answer 1

请你检查几件事

1）检查您是否可以使用postman

等rest api测试工具调用api

2）如果您能够访问它，请检查Web开发人员工具控制台是否有任何错误，如404（未找到）或500（内部服务器错误）

3）修改你的

data: "{ 'prefix': '" + request.term + "'}",

到

 data: JSON.stringify({ prefix: request.term }),

请检查'＆lt;％= ResolveUrl（“HRMCareerEAF.aspx / GetSkills”）％＆gt;'

的值

此外我不确定但尝试摆脱（EnableSession = true）。

Answer 2

非常感谢你的支持。我发现了问题和解决方案。

实际问题是，部分页面回发后自动完成不起作用，而我的txtskill位于asp：multiview的第3个视图中，它只刷新我的更新面板内的部分页面。

如果页面部分回发，则Jquery方法不会绑定。我在以下链接中找到了解决方案。

Jquery Auto complete extender not working after postback

我改变的代码如下。

<script type="text/javascript">
      $(function () {
          SetAutoComplete();
      });
      $(document).ready(function () {
          var prm = Sys.WebForms.PageRequestManager.getInstance();
          prm.add_initializeRequest(InitializeRequest);
          prm.add_endRequest(EndRequest);

          // Place here the first init of the autocomplete
          SetAutoComplete();
      });

      function InitializeRequest(sender, args) {
      }

      function EndRequest(sender, args) {
          // after update occur on UpdatePanel re-init the Autocomplete
          SetAutoComplete();
      }
      function SetAutoComplete() {
          $("[id$=txtSkill]").autocomplete({
              source: function (request, response) {
                  $.ajax({
                      url: '<% =ResolveUrl("HRMCareerEAF.aspx/GetSkills") %>',
                      data: JSON.stringify({ prefix: request.term }),
                      dataType: "json",
                      type: "POST",
                      contentType: "application/json; charset=utf-8",
                      success: function (data) {
                          response($.map(data.d, function (item) {
                              return {
                                  label: item.split('-')[0],
                                  val: item.split('-')[1]
                              };
                          }))
                      }
                  });
              },
              select: function (e, i) {
                  $("[id$=hfSkillID]").val(i.item.val);
              },
              minLength: 1
          });
      }
    </script>

非常感谢你们的支持。

Asp .net ajax自动完成无法正常工作。 Web方法没有被调用

2 个答案: