锚定ajax提交的问题

发布于 2024-10-15 07:12:14 字数 824 浏览 2 评论 0原文

我有一个锚点提交了带有 ajax 响应的表单。它曾经有效,但现在,由于某种原因,正在提交表单并绕过ajax调用

代码:

    <script>                           
//makes anchor as submit
//searchmore is the id of the form
$('#searchmore a').click(function() {
$(this).parents('form').submit();
return false

});

//submit handling

$("#searchmore").submit(function() {

$.ajax({
type: "GET",
beforeSend: function(objeto){ /*before send function*/      },
url: $(this).attr('action'),
data: $(this).serialize(),
dataType: "text",
success: function(data){

$("#display_results").append(data);

}

});
return false;

});
</script>

如果我使用提交按钮提交表单,ajax响应效果很好,因此锚点一定是问题所在

,看起来语法上没有错误,有什么建议吗?

编辑:您可以检查页面此处表格位于末尾。您可以找到锚点(浅蓝色小框,上面写着“más resultados”)及其下方的提交按钮

I had an anchor that submited a form with an ajax response. It used to work, but now, for some reason, the form is being submited and bypassing the ajax call

code:

    <script>                           
//makes anchor as submit
//searchmore is the id of the form
$('#searchmore a').click(function() {
$(this).parents('form').submit();
return false

});

//submit handling

$("#searchmore").submit(function() {

$.ajax({
type: "GET",
beforeSend: function(objeto){ /*before send function*/      },
url: $(this).attr('action'),
data: $(this).serialize(),
dataType: "text",
success: function(data){

$("#display_results").append(data);

}

});
return false;

});
</script>

if i submit the form with a submit button, the ajax response works great, therefore the anchor must be the problem

and it seems there are no errors in syntax, any suggestions?

edit: you can check the page here the form is at the end. you can find the anchor (the small light-blue box that says "más resultados") and the submit button under it

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

鲜血染红嫁衣 2024-10-22 07:12:14

试试这个:

$(document).ready(function() {
  $('form[id=searchmore] a').click(function() {
    $(this).parents('form').submit();
    return false;
  });
});

Try this:

$(document).ready(function() {
  $('form[id=searchmore] a').click(function() {
    $(this).parents('form').submit();
    return false;
  });
});
夏花。依旧 2024-10-22 07:12:14

问题解决了。脚本很好...还有另一个脚本搞乱了 jquery。我改变了它,现在它可以工作了

,谢谢

problem solved. the script was fine... there was another script messing up with jquery. I changed it and now it works

thx

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文