单击按钮上的脚本

时间:2016-08-03 08:02:06

标签: javascript jquery

我尝试按下按钮时调用脚本..此处函数summarydata不会调用。

当我检查控制台时,没有一个错误。问题出在哪儿?请问任何解决方案?

    <button id="chartid" type="button" runat ="server">Show</button>

CODE

 [WebMethod]
        public static string summarydata()
        {

            try
            {
                T1 sd = new T1();
                var data = new TrackDataEntities1().spsumdata().Select(s => new { name = s.Month, data = new int[] { s.data.Value } }).ToArray();
                return Newtonsoft.Json.JsonConvert.SerializeObject(data);

            }
            catch (Exception)
            {
                throw new Exception();
            }

        }

已更新

 <script type="text/javascript">
          alert("iooooooooooooo");
           $(function () {
              $('[ID*=chartid]').on('click', function () {
                  alert("i");
                  $.ajax({
                      type: "POST",
                      url: "WebForm1.aspx/summarydata",
                      contentType: "application/json; charset=utf-8",
                      dataType: "json",
                      async: true,
                      cache: false,
                      success: function (result) {
                          alert(result.d);
                          alert("i");
                      },

                      error: function (error) {

                          alert(error);
                      }

                  });
              });

 </script>

当我在web方法上设置断点并单击按钮时,断点不会调用

3 个答案:

答案 0 :(得分:3)

你的js代码应该在 <system.webServer> <handlers> <add verb="*" path="WebForm2.aspx" name="RedirectHandler" type="StackOverflowHelp.RedirectHandler"/> </handlers>

$(document).ready()

答案 1 :(得分:0)

您是否尝试过像使用.on()这样的其他选项

<script type="text/javascript">
 alert("iooooooooooooo");
 $(document).ready(function(){
      $("#chartid").on( "click",function() {
              alert("i");
              $.ajax({
                  type: "POST",
                  url: "WebForm1.aspx/summarydata",
                  contentType: "application/json; charset=utf-8",
                  dataType: "json",
                  async: true,
                  cache: false,
                  success: function (result) {
                      alert(result.d);
                      alert("i");
                  },

                  error: function (error) {

                      alert(error);
                  }

              });
          });
});

</script>

答案 2 :(得分:0)

在body标记结束之前放置文档ready / include脚本/使用$(document).on(“click”,“#chartid”,function(){})而不是.click。因为它将从根文档对象中搜索ID为chartid的元素。