Javascript ajax函数不打开页面

Javascript ajax函数不打开页面,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我不明白为什么ajax不起作用。 我的代码: 功能编辑行(id) { $.ajax({ 方法:'get', url:'form.php', 成功:功能(数据) { $('#form_div').html(数据); } }); } 它没有打开form.php onclick有什么问题请帮助我 单击链接。JavaScript运行。下面是链接。加载一个新页面(具有相同的URL,因为您有href=“”)。JavaScript停止,因为它的环境已经消失 用按钮代替。你必须把 href="javas

我不明白为什么ajax不起作用。 我的代码:


功能编辑行(id)
{
$.ajax({
方法:'get',
url:'form.php',
成功:功能(数据)
{
$('#form_div').html(数据);
}
});
}


它没有打开form.php onclick有什么问题请帮助我

单击链接。JavaScript运行。下面是链接。加载一个新页面(具有相同的URL,因为您有
href=“”
)。JavaScript停止,因为它的环境已经消失

用按钮代替。

你必须把

href="javascript:void(0)"
而不是

href=""

否则它将在不调用ajax的情况下重新加载页面

您没有将“id”传递给您form.php我想您需要传递它:

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

功能编辑行(id)
{
$.ajax({
方法:'get',
url:'form.php',
数据:{id:id},
成功:功能(数据)
{
$('#form_div').html(数据);
}
});
}

我会这样做(不使用
onClick
属性):


$(函数(){
$('a.edit')。单击(函数(e){//或:$。在('click','a.edit',函数(e)'{
e、 预防默认值();
var id=$(this.attr('id');
$.ajax({
方法:'get',
url:'form.php',
数据:{id:id},
成功:功能(数据){
$('#form_div').html(数据);
}
});
});

它为什么要打开…它的AjaxU在form.php中有什么。ajax只调用url.backend你在form.php中做什么。??你还没有关闭Javascript,所以php是脚本的一部分。呃,你现在拆分了两段代码?在HTML上使用。jquery的一个功能是它可以轻松简化你的代码,这样你就不必使用onCli了ck html属性。
href=""
<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>
<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>';
?>