Javascript 如何使用jQuery查询字符串？_Javascript_Jquery_Ajax_Xml Parsing_Steam

Javascript 如何使用jQuery查询字符串？

javascript jquery ajax

Javascript 如何使用jQuery查询字符串？,javascript,jquery,ajax,xml-parsing,steam,Javascript,Jquery,Ajax,Xml Parsing,Steam,嗯。基本上，我正在为游戏服务器所有者开发一个API，他们需要一个定制的加载屏幕来获取玩家姓名和头像，但不使用PHP，只使用JavaScript、AJAX、HTML等这就是我到目前为止的想法： <!DOCTYPE html> <html> <head><title></title> <script src="//static.sidewaykill.com/js/jQuery/1.5.2.min.js"></scrip

嗯。基本上，我正在为游戏服务器所有者开发一个API，他们需要一个定制的加载屏幕来获取玩家姓名和头像，但不使用PHP，只使用JavaScript、AJAX、HTML等

这就是我到目前为止的想法：

<!DOCTYPE html>
<html>
<head><title></title>
<script src="//static.sidewaykill.com/js/jQuery/1.5.2.min.js"></script>
<script src="//static.sidewaykill.com/js/jQuery/ExtDomain.js"></script>
</head>
<body>
<script type="text/javascript">
(function($) {
    $.QueryString = (function(a) {
        if (a == "") return {};
        var b = {};
        for (var i = 0; i < a.length; ++i)
        {
            var p=a[i].split('=');
            if (p.length != 2) continue;
            b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
        }
        return b;
    })(window.location.search.substr(1).split('&'))
})(jQuery);

 $.get('http://api.sidewaykill.com/steam/name.php?id=76561198017389807')
 .success(function(data) {
     $('#steamname').html(data);
 });
</script>
Welcome <span id="steamname"></span>.<br /><br />
<img src="http://api.sidewaykill.com/steam/avatar.php?id=76561198017389807" alt="Player Avatar" />
</body>
</html>


（函数（$）{
$.QueryString=（函数（a）{
如果（a==“”）返回{}；
var b={}；
对于（变量i=0；i

我想做的就是找出如何用游戏提供的值替换那些ID=值。例如，如果您通过访问该页面，它将调用api.sidewaykill.com/steam/name.php？id=76561198017389807和图像api.sidewaykill.com/steam/avatar.php？id=76561198017389807。如何使用更多jQuery实现这一点？

不完全是jQuery答案，而是纯Javascript：

var idvalue = decodeURI( (RegExp('id=' + '(.+?)(&|$)').exec(location.search)||[,null])[1] );

将从URL的GET部分为您提供id值，现在您可以将其插入HTML文档和Ajax URL的部分

使用jQuery，您可以尝试以下方法：

你是说像这样的东西来插入值

$('#imgid').src = 'http://api.sidewaykill.com/steam/avatar.php?id=' + idvalue;

没有php会让它变得更难，否则它只是一个简单的：

$.get('http://api.sidewaykill.com/steam/name.php?id=<?= $_GET['id'] ?>')

$.QueryString.id将使用包含的$.QueryString保存id的值

将图像html更改为：

<img id="avatarimage" src="http://api.sidewaykill.com/steam/avatar.php?id=placeholderimageid" alt="Player Avatar" />

这个问题不是很清楚。您希望jQuery做什么？您是在浏览器中加载此页面，还是在某种自定义框架中加载此页面？像QT/MFC/AnyLib HTML视图？请详细说明一下。我正在用一个游戏把这个加载到一个页面中。游戏在加入服务器（Garry的Mod）时加载此页面，并为页面提供SteamID64，这需要PHP进行解析。我正在设法做到这一点，而不让创建者使用任何服务器端脚本。为什么您要使用如此旧的jQuery版本，如果您从头开始，您可以轻松地使用更高版本，因为您没有代码要查看？是的，我将使用不同版本的jQuery，我甚至不知道为什么我使用这个版本。我问如何插入它，但无论如何谢谢。-编辑：我意识到你给了我变量，但我已经很久没有做任何JavaScript了，那么我该如何将它添加到我的jQuery代码中，并使用代码获取图像？如果你给你的图像赋予html标记的id属性，您可以使用我在上面编辑的文章中输入的代码。这两行代码都将进入您的文档加载脚本，在页面完全加载后运行。不幸的是，代码的图像部分不会输出任何图像。-你可以看到我在网站上使用的代码

<img id="avatarimage" src="http://api.sidewaykill.com/steam/avatar.php?id=placeholderimageid" alt="Player Avatar" />

$.get('http://api.sidewaykill.com/steam/name.php?id=' + $.QueryString.id)
    .success(function(data) {
    $('#steamname').html(data);
});

$('#avatarimage').attr('src', 'http://api.sidewaykill.com/steam/avatar.php?id=' + $.QueryString.id);