jQuery UI中的动态URL,数据表

时间:2016-04-19 11:53:47

标签: javascript jquery ajax jquery-ui datatables

我有一个jQuery应用程序,它执行get请求并填充jQuery数据表。

url(整个url)将由客户端应用程序传递,我需要读取url并处理相同的内容,即发出jQuery.get()请求并填充数据表。数据表位于jquery ui对话框中。

客户端将点击一个按钮,它将打开包含数据表的UI对话框,该按钮将通过该按钮传递。

我想在js中捕获url并在AJAX请求中传递它,如下面的代码所示。

提前感谢。

这是我的代码: -

$(document).ready(function() {



                    $("#notesDialog").dialog({
                        autoOpen : false,
                        title : "Notes",
                        hide : "",
                        width : 'auto',
                        height : 'auto',
                        modal : true
                    });


                    var table = $('#notesTable').dataTable({

                            bJQueryUI : true,
                            "processing" : true,
                            "serverSide" : true,
                            "contentType" : "application/json",
                            "dataType" : "jsonp",
                            "bStateSave" : false,
                            "bAutoWidth" : false,
                            "sAjaxSource" : "url",
                            "sAjaxDataProp" : '',
                            "crossDomain" : true,
                            "aoColumns" : [
                                    {
                                        "mData" : "onBoarded",
                                        "sWidth" : "20%",
                                        "mRender" : function(data,type, full) {
                                        var newStr = new Date(data).toUTCString();
                                        var str = newStr.substring(0,newStr.length - 3);
                                        return str.substring(4);

                                        }
                                    },
                                    {
                                        "mData" : "createdBy"
                                    },
                                    {
                                        "mData" : "comment",
                                        "mRender" : function(data,type, full) {
                                        var showChar = 50;
                                        var ellipsestext = "...";
                                        var moretext = "more";
                                        var lesstext = "less";
                                        var contentt = JSON.stringify(data);
                                        var content = contentt.replace(/["]+/g,'').substring(1,contentt.length - 1);

                                        if (content.length > showChar) {

                                            var c = content.substr(0,showChar);
                                            var h = content.substr(showChar - 1,content.length- showChar);

                                            var html = c
                                                    + '<span class="moreellipses">'
                                                    + ellipsestext
                                                    + '&nbsp;</span><span class="morecontent"><span>'
                                                    + h
                                                    + '</span>&nbsp;&nbsp;<a href="" class="morelink">'
                                                    + moretext
                                                    + '</a></span>';

                                            return html.toString();
                                        }

                                        $(".morelink").click(function() {
                                                    if ($(this).hasClass("less")) {
                                                                $(this).removeClass("less");
                                                                $(this).html(moretext);
                                                            } else {
                                                                $(this).addClass("less");
                                                                $(this).html(lesstext);
                                                            }
                                                            $(this).parent().prev().toggle();
                                                            $(this).prev().toggle();
                                                            return false;
                                                        });

                                        return data;
                                    }
                                }, {
                                    "mData" : "tag"
                                } ]

                    });



    $("#opener").click(function() {
    $("#notesDialog").dialog("open");

    $('#notesDialog').dialog("widget").position({

        });
        });

});

1 个答案:

答案 0 :(得分:0)

您想获取当前网址吗?

然后你可以使用

window.location.href

获取窗口的当前网址。