javascript - 表单内的操作

Question

好吧，我有一个这样的表格....

<form id="form" method="post" action="http://localhost/shopper/admin/index.php?route=system/template/update&amp;token=19690a8b739af0d963f129b93b236f1d&amp;template_id=22">
....
                    <span class="delete"><a href="#" class="delete_step" rel="1">Delete Step</a></span> 
                         <tr>           
                  <td><span class="required">*</span> Template Name:</td>
                  <td><input size="100" value="real" name="name"></td>
                </tr>
                                    ....

                    <span class="delete"><a href="#" class="delete_step" rel="2">Delete Step</a></span> 
                     <tr>           
              <td><span class="required">*</span> Template Name:</td>
              <td><input size="100" value="real" name="name"></td>
            </tr>   
    ....
    </form>

当有人点击“delete_step” anchor 标记时，我需要它到哪里页面去到一个不同的位置然后表单去哪里以及 rel 标记中的数据....我在想这样的事情方法

 $('.delete_step').live('click', function(e) {
   var delete_location = window.location.pathname.replace('admin/', '');            
   window.href = delete_location + '?route=module/delete_step&template_number=<?php print $template_id; ?>&step_id=' + $(this).attr("rel");
 });

问题是它总是去这个位置

  http://localhost/shopper/admin/#

我试过 preventDefault 但没有任何反应......任何想法

Answer 1

三件事。首先，您有一个 javascript 错误，因为阻止默认操作并不能解决您的问题。错误是在您尝试引用 window 对象的 href 属性时出现的。 window 对象没有这个属性。只需设置 location.href = ...。其次，我会从点击处理程序返回 false，因为您可能既想阻止默认操作 又想阻止点击传播到包含的元素。第三，我不会使用 GET 请求执行删除操作。我会将其包装在一个表单帖子中(也可以通过 AJAX)，这样用户就无法将其加入书签并意外删除。

您可以通过查看 Firefox/Firebug 中的控制台来确认第一个。

$('.delete_step').live('click', function(e) {
   var delete_location = window.location.pathname.replace('admin/', '');
   var data = 'route=module/delete_step&template_number=<?php print $template_id; ?>&step_id=' + $(this).attr("rel");
   $.post( delete_location, data, function(result) {
        // handle the result of doing the deletion
   });
});