通过单击链接使用POST提交表单

塔普9

我正在尝试通过POST提交表单,方法是单击链接,然后发送一些隐藏值。

我使用的代码是:

$( document ).ready(function() {
	$('a#campoA').click(function() {
		$.post('testForm2.php', { campoA: 'Submit' });
	});
});
<form action='testForm2.php' method='post' id='testForm'>
	<input type='hidden' name='campoPrueba' value='prueba'>
	<a href='#' id='campoA'>Submit</a>
	<input type='submit' value='submit' name='submit'>
</form>

我想通过单击“提交”链接来提交表单,但是它无法正常工作。在浏览器中没有打开testForm2.php,但是,通过使用浏览器中的“检查元素”选项,我可以看到请求了testForm2.php页面,但未打开:

截屏

您可以看到隐藏字段是通过表单提交发送的,但是没有打开目标页面。

提交表单后,如何在浏览器中打开新页面(testForm2.php)?

提前致谢。

恩里克·莫雷诺(Enrique Moreno)帐篷

我不确定这是什么意思,因为提交按钮链接本质上就是剩下的,您可以通过CSS使任何按钮看起来像链接。在任何情况下...

这会不会更简单?

$('a#campoA').click(function(e) {
    e.preventDefault();
    $("#testform").submit();
});

只需防止单击按钮的默认行为,然后提交表单即可。

再说一次,如果我是你,我只会使“提交”按钮看起来像一个链接:

input[type=submit]{
    background: none;
    border: 0;
    text-decoration: underline;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过单击liferay中的链接提交表单

来自分类Dev

通过单击表格单元格使用jquery提交表单

来自分类Dev

使用jQuery和Ajax通过POST提交表单

来自分类Dev

单击表单的提交按钮可以通过什么?

来自分类Dev

Blazor:如何通过单击按钮提交表单

来自分类Dev

通过单击“不提交”按钮的表单发布

来自分类Dev

使用链接和提交按钮提交表单

来自分类Dev

使用jQuery从表单外部的链接提交表单

来自分类Dev

使用 javascript 通过 <a> 提交表单

来自分类Dev

通过单击CSS按钮提交/检测提交表单

来自分类Dev

如何仅通过单击提交按钮来提交表单

来自分类Dev

是否有通过单击 div 而不使用 JavaScript 来提交表单的解决方法

来自分类Dev

提交表单后如何识别单击了哪个链接?

来自分类Dev

JSP-单击链接时如何提交表单?

来自分类Dev

提交表单后如何识别单击了哪个链接?

来自分类Dev

jQuery禁用表单和链接上的提交/单击按钮

来自分类Dev

如何使用jquery或ajax单击提交表单

来自分类Dev

单击提交按钮时,无法使用jquery / AJAX提交表单

来自分类Dev

通过在laravel中快速单击来防止多次提交表单

来自分类Dev

通过Ajax一次单击即可提交多种表单

来自分类Dev

通过单击下拉菜单项提交表单

来自分类Dev

无法通过验证首次在jquery中单击时提交表单

来自分类Dev

如何通过单击反应中的图像来提交表单?

来自分类Dev

如何使用JQuery和PHP通过POST提交attr值和表单值?

来自分类Dev

如何使用 Angular 1.5.8 和 Java Servlet 通过 POST 提交表单?

来自分类Dev

使用链接而不是提交输入来在JQuery中提交表单

来自分类Dev

单击时提交表单

来自分类Dev

使用Ruby Mechanize通过<a>元素提交表单

来自分类Dev

使用Ruby Mechanize通过<a>元素提交表单

Related 相关文章

  1. 1

    通过单击liferay中的链接提交表单

  2. 2

    通过单击表格单元格使用jquery提交表单

  3. 3

    使用jQuery和Ajax通过POST提交表单

  4. 4

    单击表单的提交按钮可以通过什么?

  5. 5

    Blazor:如何通过单击按钮提交表单

  6. 6

    通过单击“不提交”按钮的表单发布

  7. 7

    使用链接和提交按钮提交表单

  8. 8

    使用jQuery从表单外部的链接提交表单

  9. 9

    使用 javascript 通过 <a> 提交表单

  10. 10

    通过单击CSS按钮提交/检测提交表单

  11. 11

    如何仅通过单击提交按钮来提交表单

  12. 12

    是否有通过单击 div 而不使用 JavaScript 来提交表单的解决方法

  13. 13

    提交表单后如何识别单击了哪个链接?

  14. 14

    JSP-单击链接时如何提交表单?

  15. 15

    提交表单后如何识别单击了哪个链接?

  16. 16

    jQuery禁用表单和链接上的提交/单击按钮

  17. 17

    如何使用jquery或ajax单击提交表单

  18. 18

    单击提交按钮时,无法使用jquery / AJAX提交表单

  19. 19

    通过在laravel中快速单击来防止多次提交表单

  20. 20

    通过Ajax一次单击即可提交多种表单

  21. 21

    通过单击下拉菜单项提交表单

  22. 22

    无法通过验证首次在jquery中单击时提交表单

  23. 23

    如何通过单击反应中的图像来提交表单?

  24. 24

    如何使用JQuery和PHP通过POST提交attr值和表单值?

  25. 25

    如何使用 Angular 1.5.8 和 Java Servlet 通过 POST 提交表单?

  26. 26

    使用链接而不是提交输入来在JQuery中提交表单

  27. 27

    单击时提交表单

  28. 28

    使用Ruby Mechanize通过<a>元素提交表单

  29. 29

    使用Ruby Mechanize通过<a>元素提交表单

热门标签

归档