如何使用 jquery 操作查询字符串

2024-02-23

我有一个选择下拉列表,其中 id 映射到值。 在 onChange 事件中,我想重定向到相同的 url,但将“id=value”附加到查询字符串。

如何检查此“id”选项是否已存在于查询字符串中(我不需要多个值)并根据需要替换/附加。

我如何检查是否“?”已在查询字符串中,如果不在,则附加到 url。

jquery 有没有简单的方法来做到这一点?

它必须在幕后做类似的事情$().ajax(url, {options})来电。 我希望我能做到$().redirect( url, { id : $(this).val() })或类似的东西。

提前致谢。

注意:此页面可能会或可能不会传入一些不同的查询选项(在其他表单选项上设置默认值),因此替换整个查询字符串不是一个选项。

<html>
<head><script type="text/javascript" src="/jquery-1.3.2.min.js"></script></head>
<body>
  <script>
    $(function(){                                                                                                                                         
        $('#selector').change(function(){                                                                                                                 
            // problem if 'id' option already exists
            var url = location.href + '?;id=' + $(this).val();                                                                                            
            location.assign( url );
        });                                                                                                                                               
    });                                                                                                                                                   
  </script>

  <a href="#" onclick="location.assign( location.pathname )">reset</a>                                                                                      
  <form>                                                                                                                                                    
    <select id='selector' name='id'>                                                                                                                      
        <option value='1'>one</option>                                                                                                                    
        <option value='2'>two</option>                                                                                                                    
        <option value='3'>three</option>                                                                                                                  
    </select>                                                                                                                                             
  </form>
</body>
</html>

我最终使用正则表达式匹配来覆盖选项。 jQuery.param 获取哈希并将其序列化为 query_string 但它不提供逆(分解 query_string)。

// put function into jQuery namespace
jQuery.redirect = function(url, params) {

    url = url || window.location.href || '';
    url =  url.match(/\?/) ? url : url + '?';

    for ( var key in params ) {
        var re = RegExp( ';?' + key + '=?[^&;]*', 'g' );
        url = url.replace( re, '');
        url += ';' + key + '=' + params[key]; 
    }  
    // cleanup url 
    url = url.replace(/[;&]$/, '');
    url = url.replace(/\?[;&]/, '?'); 
    url = url.replace(/[;&]{2}/g, ';');
    // $(location).attr('href', url);
    window.location.replace( url ); 
};

然后在html中

$('#selector').change(function(){ 
   $.redirect( location.href, { id : $(this).val() })
})

感谢所有回复的人。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 jquery 操作查询字符串 的相关文章

随机推荐