2014-09-26 90 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>'; 
?>