页面请求数据并渲染的技巧小结(分页筛选)

最新推荐文章于 2023-05-29 13:56:31 发布

Don_ixu

最新推荐文章于 2023-05-29 13:56:31 发布

阅读量478

点赞数

文章标签： javascript jquery

本文链接：https://blog.csdn.net/Donnien/article/details/117868158

版权

本文总结了使用JavaScript和jQuery进行页面数据请求的技巧，包括如何实现分页和筛选功能。通过理解异步请求、DOM操作以及数据绑定，提升用户体验，确保高效加载和展示大量信息。

摘要由CSDN通过智能技术生成

$(function(){
   

    // 定义接口参数 全局变量--方便修改
    let params = {
   
        // string	搜索关键词，可以为空，为空返回某类型所有文章
        key: '',
        // string	文章类型id，可以为空，为空返回所有类型文章
        type: '',
        // string	文章状态，草稿 ，已发布,为空返回所有状态文章
        state: '',
        // number	当前页，为空返回第1页
        page: 1,
        // 每页显示条数，为空默认每页6条
        perpage: 10
    }

    getArticleList()
    getCategory()

    // 获取文章列表数据 渲染数据 
    // 放到一个函数当中 接下来的业务如果改变数据
    // 重新发送请求获取数据然后渲染即可!!!!!!!!!!!
    function getArticleList(){
   
        
        $.ajax({
   
            url: '/admin/article/query',
            type: 'get',
            data: params,
            success(res){
   

                // 数据渲染 通过模板引擎