前台读取数据库信息加a标签显示超链接

最新推荐文章于 2024-06-28 16:51:58 发布

wilson_m

最新推荐文章于 2024-06-28 16:51:58 发布

阅读量3k

点赞数 1

分类专栏： js前端 SSM项目开发 SSM+EasyUI信息管理文章标签： a标签 HTML

本文链接：https://blog.csdn.net/wilson_m/article/details/79632424

版权

这篇博客介绍了如何在前端通过双击显示数据库信息，并将含有网址的内容转化为具有超链接功能的a标签。通过示例代码展示了在不具超链接的原始数据显示后，如何添加a标签以实现超链接，同时解释了target属性的不同用法，以及在动态添加a标签时如何处理target属性。

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

本篇博客所要实现的功能为：用户双击前台某一行的某个信息的时候，弹出一个对话框显示出该行的详细信息，如果有网址，要以超链接的方式打开。所要实现的功能如下图所示：

如上图所示，通知网址一栏是个连接，要有超链接的功能。

从数据库显示信息的前台代码如下：

$(function(){
   
        $('#tt').datagrid('resize',{
            plain : false,
            boder : false,
            width:$(window).width()-10,
            height: $(window).height()-18,
            onDblClickRow:function(){
       //双击进行操作的方法
                var row = $('#tt').datagrid('getSelected');
                if (row) {            //为防止意外情况可以选择加上此判断
                    var numbering = row.numbering;
                    if(row.types=="在线培训") {
                        $.ajax({
                            url: "/getonlinetrainbytrainno",
                            type: "post",
                            data: {
  "numbering":numbering},