实现查询功能，提交GET请求到后端

最新推荐文章于 2024-08-11 14:31:51 发布

流星球

最新推荐文章于 2024-08-11 14:31:51 发布

阅读量908

点赞数

分类专栏： HTML JQUERY DJANGO 文章标签： jquery

本文链接：https://blog.csdn.net/u010008539/article/details/50036455

版权

本文介绍了如何利用JQUERY捕获页面输入内容，拼接成查询字符串，并通过GET请求提交到后端。涉及关键操作包括利用indexOf()和lastIndexOf()检查子串位置，以及前端和后端交互逻辑。

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

目标：

实现页面上选择框，输入内容等内容捕捉后，拼接成查询字符串，提交GET请求到后端。

实现逻辑：

前端部分：

后端部分：

背景知识：

JQUERY：

indexOf() 和 lastIndexOf() 方法返回的都是指定的子串在另一个字符串中的位置，如果没有找不到子串，则返回 -1。

淡入淡出：

选择包含这个类属性的表情，让它出现。
$(".filters").fadeIn();

同上，就是让它消失
$(".filters").fadeOut();

这句是替换字符串。其实就是用search做一个标记。
search.replace("?search=true", "")

//JQUERY部分：

// 打开高级搜索
    $(".open-search").click(function(){
   
        console.log(window.location);
        var search = window.location.search;
        var pathname = window.location.pathname;
        if(search.indexOf("search") == -