使用'a'提交HTML表单不起作用

天空

我试图通过单击aHTML中的元素来使用post方法提交请求但是,它始终会刷新当前页面,即使action使用正确的值进行更新也是如此。

这就是我提交请求的方式。

$(function() {
    $('.detail a').click(function() {
        $('#cityId').val($(this).data('cid'));
        $('#cityName').val($(this).data('cn'));
        $('#parentIds').val($(this).data('pids'));

        $('#cityForm').submit();
    });
});

我将值传递给隐藏的元素,以便通过POSTmethod提交在之前submit(),我检查了一下,并且form的action属性是我想要的正确URL。但是,在此之后,它没有重定向到我设置的URL,而是刷新了当前页面。

这是a我的代码中:

<a href data-cid="<c:out value='${cc.id}'/>" data-pids="<c:out value='${cc.type}'/>"

这是怎样form的样子:

<form id="cityForm" method="post" action="<%=basePath%><c:out value='${sp}'/>">

它确实在IE中起作用。我在网上搜索,找到了一些解决方案,说它是由Chrome引起的,将它作为相同的请求,因此我需要在URL后添加一个时间戳,但对我不起作用。

MichałPerłakowski

如果您的链接具有空href属性,它将成为当前页面的URL,因此,当您单击此类链接时,页面会刷新。如果要将某些动作绑定到aelement,则必须使用以下方法来防止其默认行为event.preventDefault()

$(function() {
    $('.detail a').click(function(event) {
        event.preventDefault();

        $('#cityId').val($(this).data('cid'));
        $('#cityName').val($(this).data('cn'));
        $('#parentIds').val($(this).data('pids'));

        $('#cityForm').submit();
    });
});

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jquery / ajax的基本表单提交不起作用

来自分类Dev

使用Jquery验证插件的Ajax表单提交不起作用

来自分类Dev

使用Ajax和PHP的HTML表单不起作用

来自分类Dev

使用“表单提交”添加到表单内部时,Bootstrape动态表单字段不起作用

来自分类Dev

当我使用JQuery加载页面时,表单的提交不起作用

来自分类Dev

使用回调函数时,jQuery表单提交不起作用

来自分类Dev

当视图使用主版式时,MVC 4 \表单提交按钮不起作用

来自分类Dev

选择使用JavaScript编写的输入文件后,表单中的提交按钮不起作用

来自分类Dev

使用回调函数时,jQuery表单提交不起作用

来自分类Dev

使用 Ajax 提交表单并将数据插入 MySQL 不起作用

来自分类Dev

如果使用ajax调用联系表单提交,标题(位置:/路径)不起作用

来自分类Dev

使用ajax登录表单不起作用

来自分类Dev

在Google Apps脚本中使用Admin SDK Directory API创建组不起作用“在表单提交时”

来自分类Dev

使用Javascript定义表单的html属性,backgroundColor属性不起作用

来自分类Dev

html表单验证(使用jquery.validate.js)在某些情况下不起作用

来自分类Dev

在kentico中使用response.write重定向html表单不起作用

来自分类Dev

联系表单不起作用,使用 AJAX、PHP 和 HTML5 制作

来自分类Dev

使用 html 表单中的值进行 PHP 计算将不起作用

来自分类Dev

HTML 选择使用 JavaScript 不起作用

来自分类Dev

表单提交不起作用

来自分类Dev

表单提交不起作用?

来自分类Dev

使用javascript验证后,提交按钮不起作用

来自分类Dev

使用“自动提交”发布价值不起作用

来自分类Dev

使用提交按钮时 Ajax 调用不起作用

来自分类Dev

使用@Valid的Spring验证表单不起作用

来自分类Dev

使用phpmailer从表单发送附件不起作用

来自分类Dev

在我的表单中使用MultipleFileField()时,FileRequiredValidator()不起作用

来自分类Dev

使用ajax id时,表单验证不起作用

来自分类Dev

使用JavaScript的表单中的实时计算不起作用

Related 相关文章

  1. 1

    使用jquery / ajax的基本表单提交不起作用

  2. 2

    使用Jquery验证插件的Ajax表单提交不起作用

  3. 3

    使用Ajax和PHP的HTML表单不起作用

  4. 4

    使用“表单提交”添加到表单内部时,Bootstrape动态表单字段不起作用

  5. 5

    当我使用JQuery加载页面时,表单的提交不起作用

  6. 6

    使用回调函数时,jQuery表单提交不起作用

  7. 7

    当视图使用主版式时,MVC 4 \表单提交按钮不起作用

  8. 8

    选择使用JavaScript编写的输入文件后,表单中的提交按钮不起作用

  9. 9

    使用回调函数时,jQuery表单提交不起作用

  10. 10

    使用 Ajax 提交表单并将数据插入 MySQL 不起作用

  11. 11

    如果使用ajax调用联系表单提交,标题(位置:/路径)不起作用

  12. 12

    使用ajax登录表单不起作用

  13. 13

    在Google Apps脚本中使用Admin SDK Directory API创建组不起作用“在表单提交时”

  14. 14

    使用Javascript定义表单的html属性,backgroundColor属性不起作用

  15. 15

    html表单验证(使用jquery.validate.js)在某些情况下不起作用

  16. 16

    在kentico中使用response.write重定向html表单不起作用

  17. 17

    联系表单不起作用,使用 AJAX、PHP 和 HTML5 制作

  18. 18

    使用 html 表单中的值进行 PHP 计算将不起作用

  19. 19

    HTML 选择使用 JavaScript 不起作用

  20. 20

    表单提交不起作用

  21. 21

    表单提交不起作用?

  22. 22

    使用javascript验证后,提交按钮不起作用

  23. 23

    使用“自动提交”发布价值不起作用

  24. 24

    使用提交按钮时 Ajax 调用不起作用

  25. 25

    使用@Valid的Spring验证表单不起作用

  26. 26

    使用phpmailer从表单发送附件不起作用

  27. 27

    在我的表单中使用MultipleFileField()时,FileRequiredValidator()不起作用

  28. 28

    使用ajax id时,表单验证不起作用

  29. 29

    使用JavaScript的表单中的实时计算不起作用

热门标签

归档