Как передать параметр в JavaScript через URL-адрес и отобразить его на странице?

Question

Например, у меня есть такой URL: www.mysite.com/my_app.html

Как передать ему значение «Use_Id = abc» и использовать JavaScript для отображения на этой странице?

Answer 1

Не должно быть слишком сложно написать свою собственную без необходимости использования внешней библиотеки.

// www.mysite.com/my_app.html?Use_Id=abc 

var GET = {};
var query = window.location.search.substring(1).split("&");
for (var i = 0, max = query.length; i < max; i++)
{
    if (query[i] === "") // check for trailing & with no param
        continue;

    var param = query[i].split("=");
    GET[decodeURIComponent(param[0])] = decodeURIComponent(param[1] || "");
}

Использование: GET.Use_id или GET["Use_id"]. Вы также можете проверить, присутствует ли параметр, даже если он имеет нулевое значение, используя "Use_id" in GET (вернет true или false).

Answer 2

Позвоните на страницу www.mysite.com/my_app.html?Use_Id=abc

Затем на этой странице используйте функцию javascript, например:

var urlParam = function(name, w){
    w = w || window;
    var rx = new RegExp('[\&|\?]'+name+'=([^\&\#]+)'),
        val = w.location.search.match(rx);
    return !val ? '':val[1];
}

Чтобы использовать это:

var useId = urlParam('Use_Id');

Второй параметр w необязателен, но полезен, если вы хотите прочитать параметры в iframes или родительских окнах.

Answer 3

www.mysite.com/my_app.html?Use_Id=abc


var querystring = window.location.querystring;
var myValue = querystring["Use_Id"];

ОБНОВЛЕНИЕ: Ссылка на библиотеку (спасибо @Andy E), http://prettycode.org/2009/04/21/javascript-query-string/

Answer 4

www.mysite.com/my_app.html?use_id=abs

var qs = new QueryString()

// use_id is now available in the use_id variable
var use_id = qs.get("use_id");

Получите QueryString() код здесь

Answer 5

Ваш серверный скрипт может прочитать значение и установить его в скрытом поле формы, которое затем может прочитать ваш JS.

Answer 6

Здесь есть похожий вопрос Какой самый простой способ читать / манипулировать параметрами строки запроса, используя javascript?

Что, похоже, рекомендует использовать плагин Querystring для jQuery: http://plugins.jquery.com/project/query-object