分享一个前端的 urlFor 函数，实现 Flask 后端 url_for 的类似功能

<script> var url = "{{ url_for('site.index') }}"; </script> 

rules = {} for endpoint, _rules in iteritems(app.url_map._rules_by_endpoint): if any(item in endpoint for item in ['_debug_toolbar', 'debugtoolbar', 'static']): continue rules[endpoint] = [{'rule': rule.rule} for rule in _rules] app.jinja_env.globals.update({ 'rules': rules, }) 

// Find out params in routing rules var pattern = new RegExp("<[^:]*:?([^>]+)>", "g"); var result = null; $.each(g.rules, function (endpoint, rules) { $.each(rules, function (index, rule) { rule.params = []; while ((result = pattern.exec(rule.rule)) !== null) { rule.params.push(result[1]); } }); }); /**  * Check whether str ends with suffix.  * @param str  * @param suffix  * @returns {boolean}  */ function endsWith(str, suffix) { return str.indexOf(suffix, str.length - suffix.length) !== -1; } /**  * Generate url for the endpoint.  * urlFor(endpoint [, parameters])  * @param endpoint  * @param parameters  * @returns url for the endpoint.  */ function urlFor(endpoint, parameters) { var url = null, params = [], maxMatchDegree = 0.0, keys; parameters = ($.type(parameters) !== 'undefined') ? parameters : {}; if (g.rules[endpoint] === undefined) { throw new Error("Uncorrect endpoint in " + "urlFor(\"" + endpoint + "\", " + JSON.stringify(parameters) + ")"); } keys = $.map(parameters, function (value, key) { return key; }); // Find the first matched rule among rules in this endpoint. $.each(g.rules[endpoint], function (index, rule) { var match = true, currentMatchDegree = 0.0; $.each(rule.params, function (index, param) { if ($.inArray(param, keys) === -1) { match = false; return false; } }); if (match) { currentMatchDegree = parseFloat(rule.params.length) / keys.length; if (currentMatchDegree > maxMatchDegree || url === null) { maxMatchDegree = currentMatchDegree; url = rule.rule; params = rule.params; } } }); if (url) { $.each(keys, function (index, key) { // Build in params if ($.inArray(key, params) > -1) { url = url.replace(new RegExp("<[^:]*:?" + key + ">"), parameters[key]); } else { // Query string params if (url.indexOf("?") === -1) { url += "?"; } if (!endsWith(url, '?')) { url += "&"; } url += key + "=" + parameters[key]; } }); } else { throw new Error("Uncorrect parameters in urlFor(\"" + endpoint + "\", " + JSON.stringify(parameters) + ")"); } return url; } 

url_for('site.index') → '/' url_for('user.view', {uid: 1}) → '/user/1' url_for('user.view', {uid: 1, other:'other'}) → '/user/1?other=other' url_for('user.view', {other: 'other'}) → Uncorrect parameters in urlFor("user.view", {other:'other'})