页面传参

winter_a 2017-08-16 05:41:10
用js实现点击图片传递参数跳转到详情页，应该怎么写
...全文
250 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
winter_a 2017-08-17
  • 打赏
  • 举报
 回复
就像是商品列表一样，有图片有标题我点击某一个就进入到某个商品的详情页，我点击的时候就当作表单提交吗，然后在 详情页面在做一次请求吗？
winter_a 2017-08-17
  • 打赏
  • 举报
 回复
这个我差不多能懂，只是不太明白是把参数写在URL地址后面，还是重新写一个ajax请求
走在四季 2017-08-17
  • 打赏
  • 举报
 回复
商品图片应该会配有标题什么的吧，看商品列表是什么结构的，如果是ul li，单击事件最好放在 li 上，这样不管是点图片，还是点商品标题，都可以跳转到详细页面了。
走在四季 2017-08-17
  • 打赏
  • 举报
 回复
引用 6 楼 winter_a 的回复:
就像是商品列表一样，有图片有标题我点击某一个就进入到某个商品的详情页，我点击的时候就当作表单提交吗，然后在 详情页面在做一次请求吗？
这种情况通常只是传一个商品ID，后台通过ID获取这个对象，再把对象传到详细页面。
二月十六 2017-08-16
  • 打赏
  • 举报
 回复
可以用js 的onclick 方法来实现跳转。 也可以给img 标签在加一个a 标签来实现跳转
斯洛文尼亚旅游 2017-08-16
  • 打赏
  • 举报
 回复
引用 2 楼 winter_a 的回复:
我如果想让点击的这个div的所有内容，跳转页面的时候全都在另外一个页面，也是全部把参数写在URL地址里面吗
url长度有限制，内容多用post，将div内容放入表单hidden控件中，然后post提交表单
hongmei85 2017-08-16
  • 打赏
  • 举报
 回复
引用 2 楼 winter_a 的回复:
我如果想让点击的这个div的所有内容，跳转页面的时候全都在另外一个页面，也是全部把参数写在URL地址里面吗
把div所有字符都传过去吗？理论上可以，但不推荐，因为传参数长度有限，最好只传点紧要的参数过去
winter_a 2017-08-16
  • 打赏
  • 举报
 回复
我如果想让点击的这个div的所有内容，跳转页面的时候全都在另外一个页面，也是全部把参数写在URL地址里面吗
斯洛文尼亚旅游 2017-08-16
  • 打赏
  • 举报
 回复
<img onclick="location.href='xxxx.asp?xx=xx&bb=bb'">

推荐学习资料
easyui datagrid fitColumns:true失效解决办法
Web开发
vue怎么跨页面传参
如果需要在多个页面之间传递复杂的数据或共享状态，可以使用路由状态管理。在Vue中，可以使用Vuex来实现路由状态管理。在Vue Router中，可以通过路由参数来传递数据。在定义路由时，可以使用动态路由参数来接收参数值，在组件中通过。以上是在Vue中实现跨页面传参的两种常用方法：路由参数和路由状态管理。选择哪种方法取决于具体的需求和场景。在Vue中，可以使用路由参数和路由状态管理来实现跨页面传参。来获取从组件A传递过来的数据。在组件B中，可以通过。
关于vue页面传参
页面之间的传参是不可避免的操作，那vue框架中关于页面传参的方式都有哪些呢？GO，带着疑问直奔主题！！ 第一种方式：利用路由导航router-link中to属性传递参数 第二种方式：通过this.$router.push()传递参数 补充：接收参数： 再补充说明一下：router是VueRouter的实例，而route是当前正在跳转的路由对象 第三种方式：路由组件传参 在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。使用 prop
react怎么实现跨页面传参
以上是在React中实现跨页面传参的几种常用方法：路由参数、路由状态管理、Context API和本地存储。在React中，可以使用路由参数、路由状态管理、Context API和本地存储等方式来实现跨页面传参。在React Router中，可以通过路由参数来传递数据。在定义路由时，可以使用动态路由参数来接收参数值，在组件中通过。React的Context API提供了一种在组件树中共享数据的方式，可以在某些情况下替代路由状态管理。在子组件中，可以通过Context API获取到从父组件传递过来的数据。
UniApp 页面传参方式详解
UniApp开发中页面传参的8种常用方式包括：1）URL拼接传参，适合简单参数；2）全局变量，用于跨页面数据共享；3）Vuex状态管理，适用于复杂应用；4）本地存储，实现数据持久化；5）事件总线EventBus，支持解耦通信；6）页面通信通道，直接操作前页实例；7）URL编码复杂对象，传递JSON数据；8）uni.$emit/on，官方事件机制。最佳实践建议根据场景选择合适方式，简单数据用URL传参，复杂状态用Vuex，并注意参数校验和内存管理。性能优化推荐大数据传递使用ID重新请求，频繁更新用Vuex响应
2021-10-17 uniapp 跨页页面传参方法总结
Uniapp跨页面传参方法总结 方法一 ，在url中传参 1，参数数量较少，可用uni.navigateTo()进行传参 uni.navigateTo({ url:"http://text.exam.cn:80/test?name=张三&age=20" }) 参数为：?name=张三&age=20，传参成功后可以在接收页面的onload()函数里进行接收 onload(option){ var name = option.name var age = option.age }
JavaScript

87,994

社区成员

224,693

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章