冷淡的胖子 2017-03-30 08:25 采纳率: 0%
浏览 530

关于ajax分页 求大佬救急!!!

首先要对中文日文做筛选
然后在筛选 男女声优
之后给他们分别加上分页
中文>分页 ,日文>分页
中文男>分页 日文男>分页
中文女>分页 日文女>分页
通过在后台动态添加数据 现在得知分类的方法求给他们加上分页
js

 $(".V_change_btn a").each(function () {
            $(this).click(function () {
                var zu1 = $(this).text();
                $(this).addClass("on").siblings().removeClass("on");
                $(".choose_menus dl a").removeClass("on");
                if (zu1 == "中文组") {
                    var zu = $(this).text();
                    var bb = document.getElementById('ContentPlaceHolder1_Shai').value = zu;
                    $.ajax({
                        type: "POST",
                        url: "/shengyou.ashx",
                        data: { bb: bb },
                        success: function (data) {

                            $(".voice_cont .voice_ul").html(data);
                        }
                    });

                    $(".choose_menus dl a").each(function () {

                        $(this).click(function () {
                            $(this).addClass("on").siblings().removeClass("on");
                            var sex = $(this).text();
                            $.ajax({
                                type: "POST",
                                url: "/shengyou.ashx",
                                data: { sex: sex, bb: bb },
                                success: function (data) {

                                    $(".voice_cont .voice_ul").html(data);
                                }
                            });
                        });
                    });

                } else if (zu1 == "日文组") {

                    var zu = $(this).text();
                    var bb = document.getElementById('ContentPlaceHolder1_Shai').value = zu;
                    $.ajax({
                        type: "POST",
                        url: "/shengyou.ashx",
                        data: { bb: bb },
                        success: function (data) {

                            $(".voice_cont .voice_ul").html(data);
                        }
                    });
                }

            });
        });

前端

 <div class="voice_sy">
    <div class="V_change_title">声优<span>Akira<i></i></span></div>
    <div class="V_change_btn">
        <a href="javascript:void(0)" class="guo on" id="a1">日文组</a>
        <a href="javascript:void(0)" class="guo" id="a2">中文组</a>
    </div>
    <div class="choose_menus">
        <em class="tt">筛选</em>
        <dl><a class="a1" onclick="aaa();"><img src="images/male_icon.png" alt="" />男性角色</a><a class="a2" onclick="bbb();"><img src="images/female_icon.png" alt="" />女性角色</a></dl>
    </div>

一般处理程序通过判断传值是否为空来添加标签
比如 接收到 中文 但sex为空 则只添加中文有关内容信息 求如何用ajax分别添加上分页

  • 写回答

1条回答 默认 最新

  • 你知我知皆知 2024-08-05 16:00
    关注

    以下回答参考 皆我百晓生券券喵儿 等免费微信小程序相关内容作答,并由本人整理回复。

    要实现将分页链接添加到页面中,您可以在AJAX请求成功时添加这些链接。这里是一个简单的示例,展示了如何使用jQuery和HTML5的<script>标签。

    首先,在您的HTML文件中设置一个按钮用于触发AJAX操作:

    <button id="addPaginationButton">Add Pagination Links</button>
    

    然后,在JavaScript文件中编写以下代码:

    $(document).ready(function() {
        $("#addPaginationButton").click(function() {
            // 假设我们有一个函数获取当前URL中的参数,并将其存储在一个变量中。
            var currentUrl = window.location.href;
    
            // 将分页链接添加到URL中。
            var pageLinks = '<li><a href="#">Page 1</a></li>';
            pageLinks += '<li><a href="#">Page 2</a></li>';
            pageLinks += '<li><a href="#">Page 3</a></li>';
    
            currentUrl += '&page_links=' + encodeURIComponent(pageLinks);
    
            // 更新当前URL并重定向到新URL。
            window.history.replaceState({}, '', currentUrl);
        });
    });
    

    在这个例子中,当点击按钮时,它会生成一个新的URL包含分页链接,并更新当前URL。这将使用户能够在新窗口中看到分页功能。

    请注意,这只是一个基本示例,实际应用可能需要考虑更多细节,例如错误处理、参数验证等。

    评论

报告相同问题?