在链接/按钮单击事件上模拟POST

Question

列出我想要非GET发起的与给定用户相关的可编辑项目;即，当单击给定条目的编辑按钮时，我希望启动POST到目标编辑表单屏幕。

如何在<form>...</form>？

列表中填写列表中的每个编辑按钮

目前我有一个jQuery location.href将用户踢到目标编辑屏幕;但是，使用GET，用户只需输入他们选择的URI即可输入他们喜欢的任何ID。

$('.game-edit').click -> 
  location.href = '/admin/linescore/edit/' + getID($(this))

我可以点击事件POST la location.href吗？

赞赏的想法，谢谢

Answer 1

$('a').click(function(){
$('#formID').action = $(this).href
$('#formID').submit();
})

Answer 2

你有什么理由不能让jQuery为你做POST吗？给出：

<a class="edit" href="...">Click Me</a>

...然后：

$('a.edit').click(function(){
    var postUrl = $(this).attr('href');  // href attribute of clicked link
    $.post(.....); 
});

编辑 - 为清晰起见而更新

干杯

Answer 3

好的，这里的答案很好，但实际上并不是我在寻求实现的方便性（是的，只是ajax，但是不想处理将表单内容响应注入DOM容器然后处理注入使用jq“live”和任何脚本加载问题的form的ajax事件。

工作很简单：创建一个空的表单块：

<form id="game-list" action="" method="post"></form>

然后，给出一个编辑按钮：

<input id="edit-@x.id" type="button" value="edit" class="game-edit" />

点击活动，填写表单的操作并提交：

$('.game-edit').click ->
  $('#game-list').attr('action', '/admin/linescore/edit/' + getID($(this)))
  gamesForm.submit()

这比我认为我需要做的更直接，这是在表单包装器中包装每个单独的编辑按钮。当然，6小时时区时差，我没有想清楚，是时候工作了; - ）