Question

我尝试在按钮点击时在警告框中填充数据但是当我点击按钮然后警告框不会填充

我试试这个

<head runat="server">
  <title></title>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

</head>

<body>
  <form id="form1" runat="server">
    <div>
      <button id="submitchart" runat="server">Show Chart</button>
    </div>
  </form>
</body>
<script type="text/javascript">
  $('#submitchart').click(function() {
    //alert("i");        
    $.ajax({
      type: 'POST',
      //url: 'WebForm1.aspx / Jqufunc',
      //data: JSON.stringify({ yearP: $('#yearValue').val() }),
      //data:{},
      contentType: 'application/json;charset=utf-8',
      dataType: 'json',
      success: function() {
        //alert(JSON.stringify(response.d));
        alert("i");
      }

    });
  });
  //});
</script>

当我在此行$('#submitchart').click(function () {之后写警报（“i”）然后警告框填充但是当我在success: function() {之后写警报（“i”）然后警告框不填充

任何解决方案？

Answer 1

  $(function () {
            $("#submitchart").on("click", function () {
                debugger;
                alert("i");
                $.ajax({
                    type: 'POST',
                    //url: 'WebForm1.aspx / Jqufunc',
                    //data: JSON.stringify({ yearP: $('#yearValue').val() }),
                    //data:{},
                    contentType: 'application/json;charset=utf-8',
                    dataType: 'json',
                    success: function () {
                        //alert(JSON.stringify(response.d));
                        debugger;
                        alert("i");
                    },
                    error: function () {
                        debugger;
                        alert("i");
                    }

                });

ajax会运行错误，不要运行成功

Answer 2

将按钮类型设为按钮。

<head runat="server">
      <title></title>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

    </head>

    <body>
      <form id="form1" runat="server">
        <div>
          <button id="submitchart" type="button" runat="server">Show Chart</button>
        </div>
      </form>
    </body>
    <script type="text/javascript">
      $('#submitchart').click(function() {
        //alert("i");        
        $.ajax({
          type: 'POST',
          url: 'WebForm1.aspx / Jqufunc',
          data: JSON.stringify({ yearP: $('#yearValue').val() }),
          //data:{},
          contentType: 'application/json;charset=utf-8',
          dataType: 'json',
          success: function() {
            //alert(JSON.stringify(response.d));
            alert("i");
          }

        });
      });
      //});
    </script>

这个对我有用。

Answer 3

发生这种情况是因为当您在alert("i")之后编写$('#submitchart').click(function () {时，它不依赖于任何ajax调用的成功而且工作正常，但是当您在success: function() {之后编写它时它会依赖于ajax调用，如果ajax中存在一些错误，它将无法运行，因为您只为成功的ajax定义了它。

如果ajax包含错误

，请写下此内容

$('#submitchart').click(function() {
    //alert("i");        
    $.ajax({
      type: 'POST',
      //url: 'WebForm1.aspx / Jqufunc',
      //data: JSON.stringify({ yearP: $('#yearValue').val() }),
      //data:{},
      contentType: 'application/json;charset=utf-8',
      dataType: 'json',
      success: function() {
        //alert(JSON.stringify(response.d));
        alert("i");
      },
      error: function() {
        //alert(JSON.stringify(response.d));
        alert("i");
      }

    });
  });

使用javascript的警报框中的数据

3 个答案: