首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在Django应用程序中使用JQuery提交HTML表单

在Django应用程序中使用JQuery提交HTML表单
EN

Stack Overflow用户
提问于 2018-08-09 07:44:11
回答 1查看 33关注 0票数 0

我使用以下HTML和JQuery代码在网站中导航页面(我也使用Django;因此使用双花括号)。我的代码只在Safari中运行良好,但在Firefox、Chrome和Opera中运行不佳,尽管它在逻辑和语法上看起来都是正确的。你知道为什么它不起作用吗?提前感谢您的帮助。

更多信息:我现在使用的是Django开发服务器。我的操作系统是macOS High Sierra (10.13.6)。

<form id="myform" action="..." method="get">
    <a class="pg-nav" data-nav-value="-1" href="">Previous</a>
    <span id="pg-cur">{{ pageNumber }} / {{ totalNumPages }}</span>
    <a class="pg-nav" data-nav-value="1" href="">Next</a>

    <input id="pg" type="hidden" name="pg" value="0">
</form>


$('.pg-nav').click(function() {
    var curPage = parseInt($('#pg-cur').text());
    var navVal = parseInt($(this).data('nav-value'));
    var newVal = curPage + navVal;
    $('#pg').val(newVal);
    $('#myform').submit();
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-09 09:08:04

您的链接仍然尝试重新加载页面,因为您允许处理a标记的默认行为。您可以使用.preventDefault()方法来防止它:

$('.pg-nav').click(function(e) {
    ...
    $('#myform').submit();
    e.preventDefault();
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51757076

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档