【问题标题】:Dynamic url in jQuery UI , data tablejQuery UI 中的动态 url,数据表
【发布时间】:2016-04-19 11:53:46
【问题描述】:

我有一个 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({

        });
        });

});

【问题讨论】:

    标签: javascript jquery ajax jquery-ui datatables


    【解决方案1】:

    你想得到你当前的网址吗?

    那么你可以使用

    window.location.href
    

    获取当前窗口的 url。

    【讨论】:

    • "sAjaxSource" : window.location.href --- 像这样?
    • 其实url是客户端传过来的,可以是任何东西,不是当前页面的window url。
    • 你使用的是asp.net还是mvc?
    猜你喜欢
    • 2023-03-05
    • 1970-01-01
    • 2022-12-11
    • 1970-01-01
    • 2016-10-12
    • 2016-05-21
    • 1970-01-01
    • 2020-09-02
    • 1970-01-01
    相关资源
    最近更新 更多