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

Я звоню .JS-файл в HTML-файле. По URL-адресу .JS-файл я хочу включить параметр ,который будет доступен для кода внутри.файл js.

например:

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

благодарен за помощь!

8 ответов


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

<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>\")";
?>

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

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

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

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


подходите к проблеме по-разному:

  1. включить свой .файл JS
  2. вызовите функцию, определенную в вашем .JS файл с помощью параметр (т. е. ваше значение ID)

файл 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-файла (это избавляет вас от загрязнения глобального контекста ненужными переменными).


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


файл 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>

покрытия.js

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

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


Если вы пытаетесь прочитать параметры из 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));
    }
}