2014-09-26 94 views
0

我不明白爲什麼ajax不工作。 我的代碼:ajax函數不打開頁面

<script type="text/javascript" src="js/jquery-1.9.1.js"></script> 
    <script type="text/javascript"> 
    function edit_row(id) 
    { 
     $.ajax({ 
      method:'get', 
      url:'form.php', 
      success:function(data) 
      { 
       $('#form_div').html(data); 
      } 
     }); 

    } 
<?php 
    echo '<td style='.$style.'>'.$status.'<a href="" title="Edit" onClick=edit_row('.$data['type_id'].')><img src="images/pencil.png" width="30px" height="30px"></a></td></tr>'; 
?> 

其不開放form.php的的onclick是什麼問題,請幫助我!

+0

爲什麼它會打開...其AJAX – Tushar 2014-09-26 07:05:22

+0

什麼ü在form.php的阿賈克斯只需要調用的URL。後端你在form.php中做什麼? – Puttu 2014-09-26 07:05:43

+0

您尚未關閉Javascript,因此PHP是腳本的一部分。呃,你現在把這兩段代碼分開了嗎? – 2014-09-26 07:06:10

回答

0

你必須把的

href="javascript:void(0)" 

代替

href="" 

否則將刷新頁面,而不調用AJAX

+0

謝謝mithunsathesh href =「」是我的錯! – 2014-09-29 06:39:10

1

您點擊鏈接。 JavaScript運行。鏈接被遵循。新頁面(使用相同的URL,因爲您有href="")加載。 JavaScript停止了,因爲它的環境已經消失。

改爲使用按鈕。

0

你是不是經過「身份證」給你形成。我想你需要通過它:

<script type="text/javascript" src="js/jquery-1.9.1.js"></script> 
    <script type="text/javascript"> 
    function edit_row(id) 
    { 
     $.ajax({ 
      method:'get', 
      url:'form.php', 
      data: {id: id }, 
      success:function(data) 
      { 
       $('#form_div').html(data); 
      } 
     }); 

    } 
</script> 
0

我會做這樣的事情(不使用onClick屬性):

<script type="text/javascript" src="js/jquery-1.9.1.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $('a.edit').click(function(e) { // or: $.on('click', 'a.edit', function(e) { 
      e.preventDefault(); 
      var id = $(this).attr('id'); 
      $.ajax({ 
       method:'get', 
       url: 'form.php', 
       data: {id:id}, 
       success: function(data) { 
        $('#form_div').html(data); 
       } 
     }); 
    }); 
</script> 

<?php 
    echo '<td style="$style">$status 
      <a href="#" id="' . $data['type_id'] . '" title="Edit" class="edit"> 
      <img src="images/pencil.png" width="30px" height="30px"> 
      </a></td></tr>'; 
?>