javascript - 使用滚动在 jquery 中提交表单

Question

是否可以使用 jquery 提交表单？我有以下代码，当您滚动时发送帖子的 id，并且想知道我是否也可以提交一些表单值(例如，本例中的 tv)。

非常感谢

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
        $('div#loadmoreajaxloader').show();
        $.ajax({
            url: "loadmore.php?lastid=" + $(".postitem:last").attr("id"),
            success: function(html){
                if (html) {
                    $("#postswrapper").append(html);
                    $('div#loadmoreajaxloader').hide();
                } else {
                    $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
                });
            }
        });

表单的 html 如下:

<select id="tv_dropdown" name="tv_dropdown" class="selecttv">
    <option value="">any tv</option>
    <option id="tv" value="Samsung">Samsung</option>
    <option id="tv" value="Panasonic">Panasonic</option>
    <option id="tv" value="Sony">Sony</option>
    <option id="tv" value="Sharp">Sharp</option>
</select>

Answer 1

您可以在ajax选项的data选项中传递数据。试试这个

$(window).scroll(function(){
    if($(window).scrollTop() == $(document).height() - $(window).height()){
        $('div#loadmoreajaxloader').show();
        $.ajax({
            url: "loadmore.php",
            type: "GET",//Set this to GET/POST etc as per your need.
            data: {
                 lastid: $(".postitem:last").attr("id"),
                 tv: $("#tv_dropdown").val()
            },
            success: function(html){
                      if(html){
                            $("#postswrapper").append(html);
                            $('div#loadmoreajaxloader').hide();
                      }else{
                            $('div#loadmoreajaxloader')
                            .html('<center>No more posts to show.</center>');
                      }
            }
    });
   }
});