ajax做列表,详情页接受参数渲染页面

最新推荐文章于 2022-11-15 20:08:04 发布

对酒丶当歌

最新推荐文章于 2022-11-15 20:08:04 发布

阅读量2.4k

点赞数

分类专栏： JavaScript Html5

本文链接：https://blog.youkuaiyun.com/qq_37133856/article/details/79999880

版权

本文探讨如何在原生JavaScript中实现类似Vue和React框架的页面间参数传递，通过修改`Window.location.href`添加参数，并在详情页使用正则表达式捕获ID，进而根据ID请求数据并动态渲染页面内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在苦思一个问题,我们使用的vue,react等框架,已经是前,后端分离 ,但是在原生js上,我却很少能够做到页面之间传参,一直认为两页面是独立存在的,跳转打开新页,等于刷新,但是框架能做到的事情,我们也能做得到,毕竟都是用的js实现的...

//这是首页index.html 写的内容 ,而我们做的详情页跳转就是基于Window.location.href="跳转地址 + 自带参数" 这种形式来实现的

 
  < 
  script 
  src= 
  "https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" 
  > 
  < 
  / 
  script 
  > 
 
 
  < 
  script 
  > 
 
 
  $( 
  function(){ 
 
 
  var 
  str= 
  ""; 
 
 
  $. 
  ajax({ 
 
 
  type: 
  'post', 
 
 
  url: 
  "https://route.showapi.com/213-1", 
 
 
  data:{ 
 
 
  showapi_sign: 
  "b8d3847c26054907944815bc522019cf", 
 
 
  showapi_appid: 
  "40497", 
 
 <