如何使用jquery从url获取数据

时间:2012-09-17 09:39:07

标签: jquery jquery-mobile

是否可以使用jquery

从网址获取数据

例如,如果您有www.test.com/index.html?id=1&name=boo

如何获取ID和名称?

4 个答案:

答案 0 :(得分:8)

试试这个。它是纯粹的javascript,不涉及jQuery。实际上,jQuery对于这样的工作来说太沉重了。

function GetURLParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++)
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam)
        {
            return decodeURIComponent(sParameterName[1]);
        }
    }
}​

var id = GetURLParameter('id');
var name= GetURLParameter('name');

decodeURIComponent应该用于允许参数值包含任何字符,例如非常关键的等号=,&符号&或问号?

答案 1 :(得分:0)

如果您知道网址总是idname

,那么这是一个简单的问题
var url = "www.test.com/index.html?id=1&name=boo";
var id = /id=(\d+)/.exec(url)[1];
var name = /name=(\w+)/.exec(url)[1];

答案 2 :(得分:0)

在这里,我为上述问题做了完整的解决方案。请查看演示链接,如下所示:

为此,您首先在标头标记中包含最新的jquery.js和querystring-0.9.0.js脚本文件。

演示: http://codebins.com/bin/4ldqpac

<强> HTML

<a href="#?param1=abc&param2=def">
  abc
</a>

<强> JQuery的

$(function() {
    $("a").click(function() {
        setTimeout(function() {
            var param1 = $.QueryString("param1");
            var param2 = $.QueryString("param2");
            alert(param1);
            alert(param2);
        }, 300);

    });
});

演示: http://codebins.com/bin/4ldqpac

答案 3 :(得分:0)

尝试一下:在IE和chrome中都可以正常工作。通过javascript获取查询字符串值

$.urlParam = function(name){
        var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
        if (results == null){
           return null;
        }
        else {
           return decodeURI(results[1]) || 0;
        }
    }

        var getData= $.urlParam('emailid');