javascript - url字符串在jquery中被 chop ?

标签 javascript jquery html

我需要在 html 表中显示以下 url。我正在尝试将其显示在 html 表中。我在jquery中读取它后,它被 chop 了?请参阅下面我的示例代码。这是我的示例代码。有什么想法吗?

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript">
        $("document").ready(function () {
            var table = $("#myTable");
            var url = returnUrl();
            table.append("<tr><td><a href='http://" + url + "'>" + "click here" + "</a></td></tr>");
        });


        function returnUrl() {
            var link = "myurl:8080/#/billmeterbil/sip-billmeterbil-aaaa6?_g=(refreshInterval:(display:Off,pause:!f,section:0,value:0),time:(from:now-5y,mode:quick,to:now))&_a=(filters:!((meta:(apply:!t,disabled:!f,index:mydb,key:deghiklb_Mpijkbb,negate:!f,value:'1970.1_0909_1'),query:(match:(deghiklb_Mpijkbb:(query:'1970.1_0909_1',type:phrase)))),(meta:(disabled:!f,index:mydb,key:cccc_vvvvvvvv,negate:!f,value:aaaaaaaa_v1_9),query:(match:(cccc_vvvvvvvv:(query:aaaaaaaa_v1_9,type:phrase))))),panels:!((col:7,id:sip-BSF-Socccerr-Drao-Didoryyy,row:9,size_x:6,size_y:2,type:diagramdiag),(col:7,id:'sip-BSF-Socccerr-ABBBB-Seconds-(estimated)',row:11,size_x:6,size_y:2,type:diagramdiag),(col:1,id:Introduction,row:1,size_x:12,size_y:1,type:diagramdiag),(col:1,id:Azxcvbnmn-by-Ccc-and-Status,row:2,size_x:12,size_y:3,type:diagramdiag),(col:7,id:Lineee-bb-Statest,row:13,size_x:6,size_y:3,type:diagramdiag),(col:1,id:'Test-Statest-(%25)',row:9,size_x:6,size_y:3,type:diagramdiag),(col:7,id:'soap-Kingdom-(%25)',row:16,size_x:6,size_y:3,type:diagramdiag),(col:1,id:'Projchan-Kingdom-(%25)',row:19,size_x:12,size_y:4,type:diagramdiag),(col:1,id:Overall-Test-Kingdom-%25,row:12,size_x:6,size_y:3,type:diagramdiag),(col:1,id:sip-BSF-Socccerr-CPU,row:15,size_x:6,size_y:2,type:diagramdiag),(col:1,id:sip-BSF-Socccerr-Delta-Didoryyy,row:17,size_x:6,size_y:2,type:diagramdiag),(col:1,columns:!(_source),id:All-data-Search,row:23,size_x:12,size_y:8,sort:!(Created_On,desc),type:search),(col:1,id:soap-RootRoo,row:5,size_x:6,size_y:4,type:diagramdiag),(col:7,id:sip-Projchan,row:5,size_x:6,size_y:4,type:diagramdiag)),query:(query_string:(analyze_wildcard:!t,query:'*')),title:'sip%20billmeterbil%20Demo6'))";

            return link;
        }
    </script>
</head>

<body>
    <form>
        <table id="myTable">
            <thead>
                <tr>
                    <th>Url</th>
                </tr>
            </thead>
        </table>
    </form>
</body>
</html>

最佳答案

我是这样工作的:

        $("document").ready(function () {
            var table = $("#myTable");
            var url = returnUrl();
            table.append('<tr><td><a href='+returnUrl()+'>' + "click here" + "</a></td></tr>");
        });


        function returnUrl() {
            var link = "myurl:8080/#/billmeterbil/sip-billmeterbil-aaaa6?_g=(refreshInterval:(display:Off,pause:!f,section:0,value:0),time:(from:now-5y,mode:quick,to:now))&_a=(filters:!((meta:(apply:!t,disabled:!f,index:mydb,key:deghiklb_Mpijkbb,negate:!f,value:'1970.1_0909_1'),query:(match:(deghiklb_Mpijkbb:(query:'1970.1_0909_1',type:phrase)))),(meta:(disabled:!f,index:mydb,key:cccc_vvvvvvvv,negate:!f,value:aaaaaaaa_v1_9),query:(match:(cccc_vvvvvvvv:(query:aaaaaaaa_v1_9,type:phrase))))),panels:!((col:7,id:sip-BSF-Socccerr-Drao-Didoryyy,row:9,size_x:6,size_y:2,type:diagramdiag),(col:7,id:'sip-BSF-Socccerr-ABBBB-Seconds-(estimated)',row:11,size_x:6,size_y:2,type:diagramdiag),(col:1,id:Introduction,row:1,size_x:12,size_y:1,type:diagramdiag),(col:1,id:Azxcvbnmn-by-Ccc-and-Status,row:2,size_x:12,size_y:3,type:diagramdiag),(col:7,id:Lineee-bb-Statest,row:13,size_x:6,size_y:3,type:diagramdiag),(col:1,id:'Test-Statest-(%25)',row:9,size_x:6,size_y:3,type:diagramdiag),(col:7,id:'soap-Kingdom-(%25)',row:16,size_x:6,size_y:3,type:diagramdiag),(col:1,id:'Projchan-Kingdom-(%25)',row:19,size_x:12,size_y:4,type:diagramdiag),(col:1,id:Overall-Test-Kingdom-%25,row:12,size_x:6,size_y:3,type:diagramdiag),(col:1,id:sip-BSF-Socccerr-CPU,row:15,size_x:6,size_y:2,type:diagramdiag),(col:1,id:sip-BSF-Socccerr-Delta-Didoryyy,row:17,size_x:6,size_y:2,type:diagramdiag),(col:1,columns:!(_source),id:All-data-Search,row:23,size_x:12,size_y:8,sort:!(Created_On,desc),type:search),(col:1,id:soap-RootRoo,row:5,size_x:6,size_y:4,type:diagramdiag),(col:7,id:sip-Projchan,row:5,size_x:6,size_y:4,type:diagramdiag)),query:(query_string:(analyze_wildcard:!t,query:'*')),title:'sip%20billmeterbil%20Demo6'))";

            return encodeURIComponent("http://"+link);
        }

所以你的 URL 中有一个 " 破坏了它,所以我使用 encodeURIComponent 来解决这个问题。并且还更改了 ' 的用法code> 和 " 一点。

Fiddle

关于javascript - url字符串在jquery中被 chop ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34036183/

相关文章:

javascript - jquery 通过他们的 child li 获取父 li 的文本

javascript - jQuery 在大量项目列表上渲染动画的时间太长

javascript - 如何在javascript中解析带有 `find`的xml属性?

html - 关闭 Webstorm 突出显示

javascript - 悬停时滚动链接文本 - 无尽的选取框效果

javascript - 有一个表,一个 iframe 和一个并排显示的表

javascript - AngularJS ui 的分页不可见

javascript - 在 Mongoose 模式中将一个数组写入另一个数组中

javascript - 基于骨架的网站中的粘性页脚

jquery - 查找表单的输入子项,无论他们有多少个 parent