如何在数据读取 url 中插入 localstorage var？答案

【问题标题】：how do i insert localstorage var in data read url?如何在数据读取 url 中插入 localstorage var？
【发布时间】：2013-09-29 16:13:23
【问题描述】：

我看到我的本地存储在页面上。我正在尝试提取 user_id 并将其放在数据 URL 中以构建我的查询。有人可以告诉我我做错了什么吗？

<!--GET REMOTE JSON DATA-->    
<script>
 var app = new kendo.mobile.Application();
    var theuser = localStorage.getItem('user_ID'); //grab user ID from local     storage
    var IRISalerts = new kendo.data.DataSource({
        transport: {
read: {
  url: "http://procdev.irisdispatch.com/ws/mobilefunctions.cfc?    method=getAlerts&user_id='+theuser'",
  dataType: "json", // "jsonp" is required for cross-domain requests; use "json" for     same-domain requests
}

【问题讨论】：

标签： ajax local-storage

【解决方案1】：

您不使用.encodeURIComponent() 来编码您的查询参数，不是吗？它可能包含无效的 url 字符（特殊字符等），让您头疼。试试这个功能，你可以将它用于对象 -> 查询字符串转换（如果你将 json objs 存储在 storage 中），它也适用于 key=value 对。对于单个查询参数.encodeURIComponent() 的工作...

function uriParamNcoder(obj) {
    if (
        Object.prototype.toString.call(obj) === "[object String]"
    ) {
        return obj.split('=')
            .map(
                function (part) {
                    return encodeURIComponent(part);
                }
        )
            .join('=')
            .replace(/%20/g, '+');
    }
    var q_str_arr = [];
    objTrace(
        obj,
        function (k, v, trace) {
            var tmp = trace.match(/^\[(.+?)\](.*)$/);
            q_str_arr.push(
                encodeURIComponent(tmp[1]) +
                ((tmp[2] !== void 0) ? encodeURIComponent(tmp[2]) : "") + "=" + encodeURIComponent(v)
            );
        }
    );

    function objTrace(obj, fn) {
        if (
            obj === Object(obj) && (typeof fn === "function")
        ) {
            objParamTracer.apply(
                obj, [obj, fn].concat(Array.prototype.slice.call(arguments, 2))
            );
        }
        return obj;
    }

    function objParamTracer(obj, fn, trace) {
        trace || (trace = "");
        if (
            Object.prototype.toString.call(obj) === "[object Array]"
        ) {
            obj.forEach(
                function (o, k) {
                    if (o === Object(o)) {
                        return objParamTracer.apply(
                            o, [o, fn].concat(trace + "[]")
                        );
                    } else {
                        return fn.apply(
                            this, [k, o].concat(trace + "[]")
                        );
                    }
                },
                obj
            );
        } else {
            ownEach(
                obj,
                function (p, o) {
                    if (
                        o === Object(o)
                    ) {
                        return objParamTracer.apply(
                            obj, [o, fn].concat(trace + "[" + p + "]")
                        );
                    } else {
                        return fn.apply(
                            this, [p, o].concat(trace + "[" + p + "]")
                        );
                    }
                }
            );
        }
    }

    function ownEach(obj, fn) {
        for (var prop in obj) {
            if (obj.hasOwnProperty(prop)) {
                fn.call(obj, prop, obj[prop]);
            }
        }
        return obj;
    }

    return q_str_arr.join('&').replace(/%20/g, '+');
}

【讨论】：