L'appel de paramètres d'URL dans un .fichier js

Je vais appeler un .fichier js dans un fichier HTML. Sur l'URL de la .fichier js je veux inclure un paramètre qui sera accessible pour le code à l'INTÉRIEUR de l' .fichier js.

Par exemple:

Je veux être en mesure de transmettre l'ID de la valeur à une fonction au sein de l'jquery_widget.js fichier, avec l'aide de jQuery. Comment est-ce fait?

Reconnaissants pour toute aide!

OriginalL'auteur Jonathan Clark | 2010-02-24

Vous ne pouvez pas le faire comme ça: vous devez déclarer les variables avant de charger le script.
Exemple:

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

de cette façon, la variable sera prêt pour votre script.

Une autre solution est d'utiliser un script php, qui peut ensuite utiliser la variable.
Dans ce cas, assurez-vous de dire via un header() appel en sortie javascript

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

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

OriginalL'auteur pixeline

2

Vous utilisez quelque chose comme php
```
your html file:
<script type="text/javascript" src="yourFile.php?var=123">  

yourFile.php:  
//<?php echo($_GET["var"]); ?>
```
Ou, vous pouvez définir une variable globale et ont le javascript accès à cette variable.

OriginalL'auteur Warty
1

Aborder le problème différemment:
1. Inclure votre .fichier js
2. Appeler une fonction définie dans votre .fichier js avec un paramètre (par exemple une valeur de l'ID)
OriginalL'auteur Nicolas Viennot
1

Le fichier javascript par lui-même n'est pas conscient de l'URL, il est chargé à partir.

Ce que vous pouvez faire est d'attribuer un ID à la script de la marque que vous êtes, y compris dans le code HTML de la page, puis prenez l'attribut SRC grâce à jQuery. Par l'analyse de la valeur URL, vous pouvez extraire le paramètre.
```
<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.
}
```
Une solution plus simple est de déclarer une variable globale dans un autre script tag (espace de noms pour éviter les conflits) et ensuite l'utiliser directement dans votre script.

Ou, mieux encore, ont un initialize(param) fonction dans le script que vous appelez à partir du fichier HTML (cela vous évite de polluer le contexte mondial inutiles variables).

OriginalL'auteur Dan Burzo
0

Fichiers HTML et javascript sont les ressources statiques et seront interprétés par le navigateur client, de sorte que vous ne pouvez pas passer toute requête params de ces valeurs et de les lire à l'intérieur, Ce que vous pouvez faire est de générer dynamiquement vos fichiers javascript avec params à serverside et de l'inclure dans le cadre de la page. Ou un autre moyen simple est d'écrire votre fichier js en php ou jsp fichier et définir le type de contenu de la page à text/javascript et vous pouvez accéder à tous les paramètres à l'intérieur

OriginalL'auteur Teja Kantamneni

cshtml fichier

<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); }

OriginalL'auteur Kuttan Sujith

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;
}

Source: http://snipplr.com/view.php?codeview&id=799

qui ne fonctionne pas .. il est demandant les paramètres d'url pour le .js inclusion .. pas à la page html..

OriginalL'auteur n00b

Si vous essayez de lire les paramètres de l'url, j'ai utilisé:

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));
}
}

OriginalL'auteur tbone

Vous devez vous connecter pour publier un commentaire.