javascript - 按钮点击脚本

标签 javascript jquery

我试图在单击按钮时调用脚本。这里函数 summarydata 没有调用。

此外,当我检查控制台时,没有一个错误。哪里有问题?请问有什么解决办法吗?

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

代码

 [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 方法上设置断点并单击按钮时,断点不会调用

最佳答案

你的js代码应该在$(document).ready()

<script type="text/javascript">
          alert("iooooooooooooo");
$(document).ready(function(){
          $("#chartid").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>

关于javascript - 按钮点击脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38737785/

相关文章:

javascript - 更改 iFrame 中的链接

javascript - 选中复选框时,文本框值不会相乘(HTML 和 Javascript/JQuery)

javascript - 可以在没有持续回流的情况下动态调整高度的文本区域吗?

javascript - 滑出式菜单不起作用,NetBeans 一直显示语法错误

javascript - onclick 不适用于按钮

javascript - jQuery - 获取不同 div 级别中最接近的元素

jquery - 在具有固定高度/宽度的 div 中显示溢出字符串的底部?

javascript - Jquery回调函数每次调用都会返回一次

jquery - 让 jQuery UI 的自动完成小部件*实际上*自动完成

javascript - 如何在单击 div/图像时播放 .swf(声音)