当前位置: 首页 > news >正文

从URL取值传给后端

从URL传值给后端

http://127.0.0.1:8080/blog_content.html?id=8

点击浏览文章详情,跳转至详情页面在这里插入图片描述

从 url 中拿出文章 id,传给后端

  • 首先拿到url
  • 然后判断是否有值,从问号后面取值
  • params.split('&')& 作为分割
  • 然后遍历字符数组 paramArr[i].split("="),又用 =等号 分割键和值
  • 判断 key 和传过来的 key 是否一样,一样就返回该 key 对应的 value 值
     function getURLParam(key){var params = location.search;if(params.indexOf("?") >=0){//返回问号在字符串中第一次出现的位置,大于等于0说明问号存在params = params.substring(params.indexOf("?")+1);//截取问号后面的参数var paramArr = params.split('&');//使用&作为分割符for(var i=0; i<paramArr.length;i++){var namevalues = paramArr[i].split("=");if(namevalues[0]==key){return namevalues[1];}}}else{return "";}}
 function getArtDetail(){//从 url 中获取到文章的idvar aid = getURLParam("id");if(aid != null && aid >0){//访问后端,更新访问量jQuery.ajax({url:"/art/setrcount",type:"POST",data:{"aid":aid},success:function(result) {   }});//访问后端查询文章详情jQuery.ajax({url:"/art/detail",type:"POST",data:{"aid":aid},success:function(result){if(result.code ==200 && result.data != null){var art = result.data;jQuery("#title").text(art.title);jQuery("#data").text(art.createtime);jQuery("#rcount").text(art.rcount);editormd = editormd.markdownToHTML("editorDiv",{markdown:art.content});myInfo(art.uid);}}});}}    getArtDetail();//调用这个方法

因为这个方法经常使用,因此将他封装成一个工具方法,使用的时候调用即可

在这里插入图片描述
在这里插入图片描述

http://www.lryc.cn/news/113302.html

相关文章:

  • API接口用例生成器
  • 最新AI创作系统ChatGPT源码V2.5.8/支持GPT4.0+GPT联网提问/支持ai绘画Midjourney+Prompt+MJ以图生图+思维导图生成!
  • 【Vxworks】映射物理地址为虚拟地址,并获取此地址的存放值
  • C/C++可变参数列表
  • MongoDB基本命令使用
  • uniapp 微信小程序 上下滚动的公告通知(只取前3条)
  • OSPF在MGRE上的实验
  • 什么样的跨网文件安全交换系统 可实现安全便捷的文件摆渡?
  • C语言memset函数的作用
  • 暑假刷题第23天--8/7
  • Double DQN缓解动作价值的高估问题
  • 【C#学习笔记】内存管理
  • 面试之快速学习c++11- 列表初始化和 lambda匿名函数的定义
  • CI/CD—Docker初入门学习
  • 多线程的创建,复习匿名内部类,Thread的一些方法,以及lambda的变量捕捉,join用法
  • 瑞吉外卖系统05
  • D455+VINS-Fusion+surfelmapping 稠密建图(三)
  • rv1109/1126 rknn 模型部署过程
  • Android平台一对一音视频通话方案对比:WebRTC VS RTMP VS RTSP
  • --binlog-row-event-max-size
  • Jmeter命令行运行实例讲解
  • pl/sql函数如何返回多行数据?在线等......
  • Ubuntu Find命令详解
  • ADS Momentum学习笔记
  • 解决Vue3 使用Element-Plus导航刷新active高亮消失
  • K8S系列文章之 一键部署K8S环境
  • Spring Boot、Spring Cloud、Spring Alibaba 版本对照关系及稳定兼容版本
  • 虫情监测仪介绍—技术原理、功能优势是什么?
  • HTML5 Canvas和Svg:哪个简单且好用?
  • ChatGPT在社交媒体聊天和评论分析中的应用如何?