2016-06-01 63 views
0

我嘗試填充按鈕單擊提示框的數據,但是當我點擊按鈕,然後警告框不填充數據使用javascript

我試試這個

<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() {然後警報框填充,但當我寫入警報(「我」)後success: function() {然後警報框不填充

任何解決方案?

+1

這意味着Ajax不是一個成功添加錯誤功能,所以你會的。檢查XHR中的開發工具以獲取ajax response..check控制檯的錯誤 – guradio

+1

爲什麼你還沒有在ajax中設置url ??? –

+0

任何控制檯錯誤? – madalinivascu

回答

0

給按鈕類型按鈕。

<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> 

這一個爲我工作。

+0

檢查這是我的另一個問題.. http://stackoverflow.com/questions/37563080/data-in-alert-box-through-function-javascript?noredirect=1#comment62613784_37563080 –

+0

我使用的功能,但仍然警示框不顯示 –

+0

問題是按鈕類型。默認按鈕將作爲提交按鈕。如果你點擊提交會發生什麼。它會重新加載到給定的網址。如果url不存在,則在同一頁面中重新加載。 –

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"); 
 
        } 
 

 
       });

阿賈克斯將運行錯誤,不運行成功

+0

爲什麼我們寫調試器? –

+0

檢查我更新的問題請 –

+0

沒有url參數上面的代碼將無法正常工作。 –

0

這種情況的發生,因爲當你寫alert("i")$('#submitchart').click(function() {那麼它不依賴於任何ajax調用和OT的成功工作正常,因爲它應該,但是當你寫這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"); 
     } 

    }); 
    });