香港主机空间推荐 快速稳定免备案 虚拟主机空间哪个好
返回列表 发新帖

使用js截取字符串并动态添加html代码——修改.net网站viewbag值

[复制链接]
回帖奖励 1 金钱 回复本帖可获得 金钱奖励! 每人限 次

1159

主题

1163

帖子

3912

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
3912
QQ
发表于 2019-1-26 23:47:16  | 显示全部楼层 | 阅读模式
科护网站建设论坛在帮客户网站调试vps环境搭建asp.net站点后,前台和后台分别是独立的站点且都是mvc设计模式。测试访问后台发现网站的一个分享功能提示404错误,检查发现分享url调用的是后台域名,而资源文件所在路径是在前台站点真实存在的,现在问题解决思路比较清晰了,就是将后台该分享功能所在的页面文件找到后修改代码。

在NodePad++编辑器下查找关键词“分享链接为”定位到cshtml页面,根据网站建设学习@ViewBag.url可知是ViewBag用来进行传值的,即后台用ViewBag存值,前台既可以通过ViewBag取值,也可以通过ViewData取值。现在可以使用js修改获取到的ViewBag值,然后再将修改后的值写到html页面需要取值的地方即可,具体测试代码如下:


  1. <div id="code" style="text-align:center;">
  2. 分享地址为:<span id="vb_url">(@ViewBag.url)</span>
  3.     </div>
复制代码


备注:代码中的JS字符串截取函数slice()具体用法可以参考网站建设运营技术帖《JS字符串截取函数slice()、substring()、substr()的区别》。

这里我们在“分享链接为:”后的<span></span>标签加了一个id,将获取到的@ViewBag值修改后使用js代码添加到对应标签innerHTML中。其中,url链接二维码生成代码中调用了一个UTF8转换函数,现在常用的二维码生成代码jquery已封装好了对应的函数,一般直接引用即可。


  1. //生成前景色为红色背景色为白色的二维码
  2. jQuery('#qrcode').qrcode({
  3.     render: "canvas", //也可以替换为table
  4.     width:100px;
  5.     height:100px;
  6.     foreground: "#C00",
  7.     background: "#FFF",
  8.     text: "http://www.jq22.com"
  9. });
复制代码


申明:本技术帖来源科护科技,版权所有侵权必究,转载请注明出处和保留原文链接 http://www.hfkehu.cn/thread-7297-1-1.html

回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
关于我们
友情链接
联系我们
帮助中心
网友中心
购买须知
支付方式
服务支持
资源下载
售后服务
定制流程
关注我们
官方微博
官方空间
官方微信
快速回复 返回顶部 返回列表