使用jQuery post（）发送序列化表格数据以及其他数据

Question

我正在尝试在单个post（）中发送表单数据以及页码（用于分页），但是不幸的是我无法正常工作。 这是代码，它不能与包含{name：data}标记的代码一起运行。 删除它后运行良好，但分页显然不起作用。 有人知道我如何发送序列化表格数据以及变量中的一些信息吗？

$(document).ready(function(){
            //set initial page to zero
        var pageRequest = 0;
        $('.datepicker').datepicker();

        $('#search_text').keyup(function(){
            $('#test_form').submit();
        });

        //assign current page number to variable and get a new page
        $('#page-links').on('click', '.page-indv', function(){
            var pageRequest = $(this).attr('id');
        $('#test_form').submit();});

        //Send form data and page number, recieve JSON results 

        $('#test_form').submit(function(){
            $.post(
                $(this).attr('action'),
                           {pgeNmbr : pageRequest}, //works fine with this line removed
                $(this).serialize(),
                function(data){
                    $('#results').html(data.html);
                    $('#page-links').html(data.page);
                },
                "json"
            );
            return false;
        });
        $('#test_form').submit();
    });

Answer 1

采用

..
$(this).serialize()+'&pgeNmbr='+pageRequest
..

serialize()返回param=value&param=value等，因此您只需要在最后添加pageRequest。

---

我意识到了答案（如果仍然无法解决）：更改行

var pageRequest = $(this).attr('id'); 

至

pageRequest = $(this).attr('id');

这里存在范围问题， var pageRequest = 0; 在顶部，作为全局变量，但是您可以使用var将pageRequest分配为click-event内部的新局部变量，该变量在外部不可见-这是您要更改以在submit()使用的“全局” pageRequest submit() 。