Вызов параметров URL в файле .js

Question

Я вызываю файл .js в файле HTML. В URL к файлу .js я хочу включить параметр, который будет доступен для кода ВНУТРИ файла .js.

Например:

Я хочу иметь возможность передавать значение идентификатора функции в файле jquery_widget.js с помощью jQuery. Как это сделать?

Благодарю за помощь!

Answer 1

Вы не можете так делать: вы должны объявить переменную перед загрузкой скрипта. Пример:

<script type="text/javascript">
    var foo= "bar";
</script>
<script type="text/javascript" href="path/to/js.js"></script>

таким образом, переменная будет готова для вашего скрипта.

Другое решение - использовать скрипт php, который затем может использовать переменную GET. В этом случае убедитесь, что вы сообщаете через вызов header (), что вы выводите JavaScript

<script type="text/javascript" src="ip.php"></script>

и ip.php

<?
//"ip.php" example- display user IP address on any page
Header("content-type: application/x-javascript");
$serverIP=$_SERVER['REMOTE_ADDR'];
echo "document.write(\"Your IP address is: <b>" . $serverIP . "</b>\")";
?>

Answer 2

Вы используете что-то вроде php

your html file:
<script type="text/javascript" src="yourFile.php?var=123">  

yourFile.php:  
// <?php echo($_GET["var"]); ?>

Или вы можете определить глобальную переменную и иметь доступ к этой переменной через javascript.

Answer 3

Файл javascript сам по себе не знает об URL-адресе, с которого он загружается.

Что вы можете сделать, это назначить идентификатор тегу script, который вы включаете в HTML-страницу, а затем захватить атрибут SRC через jQuery. Разобрав значение URL, вы можете извлечь параметр.

<script id='widgetJs' src='...'></script>

var url = $("#widgetJs").attr("src");
var q = url.split("?")[1];
if (q) {
    var params = q.split("&");
    etc. etc... 
    i'm not even going to explain further because there are better solutions.
}

Более простое решение - объявить глобальную переменную в отдельном теге script (пространство имен, чтобы избежать конфликтов), а затем использовать ее непосредственно в вашем скрипте.

Или, что еще лучше, имеет функцию initialize(param) в вашем скрипте, которую вы вызываете из файла HTML (это избавляет вас от загрязнения глобального контекста ненужными переменными).

Answer 4

Подход к проблеме по-другому:

1. Включите ваш файл .js
2. Вызовите функцию, определенную в вашем файле .js с параметром (т. Е. Значением вашего идентификатора)

Answer 5

cshtml файл

<script src="@Url.Content("~/_scripts/CustomScripts/Coverage.js")" type="text/javascript"></script>   
@using (Html.BeginForm("Create", "Coverage")) {

}    
<script type="text/javascript">    getTypeIDByCategoryIdUrl = '@Url.Action("GetTypeIDByCategoryId")';  </script>

Coverage.js

var getTypeIDByCategoryIdUrl = ""; $(function () {
      $('#SeletedParrentIDTypeCode').change(function () {
      alert(getTypeIDByCategoryIdUrl); }

Answer 6

Если вы пытаетесь прочитать параметры из URL, я использовал:

function PageQuery(q) {
    if (q.length > 1) this.q = q.substring(1, q.length);
    else this.q = null;
    this.keyValuePairs = new Array();
    if (q) {
        for (var i = 0; i < this.q.split("&").length; i++) {
            this.keyValuePairs[i] = this.q.split("&")[i];
        }
    }
    this.getKeyValuePairs =  function() { return this.keyValuePairs; }
    this.getValue = function(s) {
        for (var j = 0; j < this.keyValuePairs.length; j++) {
            if (this.keyValuePairs[j].split("=")[0] == s)
                return this.keyValuePairs[j].split("=")[1];
        }
        return false;
    }
    this.getParameters = function() {
        var a = new Array(this.getLength());
        for (var j = 0; j < this.keyValuePairs.length; j++) {
            a[j] = this.keyValuePairs[j].split("=")[0];
        }
        return a;
    }
    this.getLength = function() { return this.keyValuePairs.length; }
}
function queryString(key) {
    var page = new PageQuery(window.location.search);
    return unescape(page.getValue(key));
}
function displayItem(key) {
    if (queryString(key) == 'false') {
        document.write("you didn't enter a ?name=value querystring item.");
    } else {
        document.write(queryString(key));
    }
}

Answer 7

Файлы HTML и javascript являются статическими ресурсами и будут интерпретироваться только браузером клиента, поэтому вы не можете передавать любые параметры запроса этим значениям и читать их внутри. Что вы можете сделать, так это динамически генерировать файлы javascript с параметрами в на стороне сервера, а затем включить его как часть страницы. Или другой простой способ - написать свой js-файл как файл php или jsp и установить тип содержимого страницы на text/javascript, и вы можете получить доступ ко всем параметрам внутри него

Answer 8

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href
                     .indexOf('?') + 1).split('&');

    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }

    return vars;
}

Источник: http://snipplr.com/view.php?codeview&id=799