生成并提交表格-简单的解决方案

Question

我试图用这个：

<a href="#" onclick="$('<form method=POST action=/logout>').submit();return false;">
  Sign out
</a>

但是$('<form method=POST action=/logout>').submit(); 在Firefox ang IE中不起作用。

内联使用是否有同样简单的解决方案？

当前解决方案：

<a href="#" onclick="$('#logoutForm').submit();return false;">
Sign out
</a>
<form id="logoutForm" method="post" action="/logout"></form>

但是我仍然想了解为什么Firefox不想运行jQuery $('<form method=POST action=/logout>').submit(); 。 FF的正确方法是什么？

Answer 1

我还不能发表评论，所以我在这里说。 我不确定您为什么要那样做而不使用正常方式（因为您似乎并未实际发布任何数据）

<a href="#" href='/logout'>
  Sign out
</a>

要么

<form method=POST action=/logout>
  <input type="submit" value='Sign out'/>
</form>

Answer 2

我不知道您为什么需要这样做INLINE ...但是：

<a href="#" onclick="event.preventDefault(), $.post('login',function(req){console.log('success');});">

这个函数（是异步请求的回调-ajax-way ）：

function(req){console.log('success',req);}

允许您操纵返回值req 。

Answer 3

如果您确实需要一行，请尝试以下操作：

<a href="#" onclick="$('body').append('<form id=\'submitme\' method=\'POST\' action=\'/logout\'></form>');$('#submitme').submit();return false;">
  Sign out
</a>

http://jsfiddle.net/TrueBlueAussie/wWj2M/

我已经在以下浏览器中成功尝试了这个小提琴：

• IE浏览器
• 铬
• 火狐浏览器

注意：您的原始文档不会生成“完整的” HTML，因此我添加了缺少的引号和结束表单元素。

现在也已使用自动关闭的表单标签进行了测试，但是不允许这样做，因此请坚持上面的示例。