jQuery UI中的动态url,数据表

Dynamic url in jQuery UI , data table

本文关键字:url 数据表 动态 UI jQuery      更新时间:2023-09-26

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

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

客户端将单击一个按钮,它将打开包含数据表的UI对话框,url将由按钮传递。

我想在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({
        });
        });
});

您想获取当前的url吗?

然后你可以使用

window.location.href

获取窗口的当前url。