在带有标记的url上添加GET参数
Adding GET parameter on url with a tag
我有一个url,看起来像这个
mysite.com/index.php?page=home&gender=female&age=22
或
mysite.com/index.php?page=home&gender=female&occupation=programmer
如何使用a
标记添加新的parram orderby=value
和order=asc
,就像提交按钮的工作方式一样。
就像当我点击链接名称时,它会在链接上添加新的参数a我可以按它对数据进行排序
<a href="#">Name</a> | <a href="#">Age</a>
比如wordpress如何处理
wordpress/wp-admin/users.php?orderby=login&order=desc
为什么不在模板渲染期间构建URL?无需JS
例如
<a href="/index.php?occupation=programmer&orderby=name&order=desc">Name</a>
只需在渲染和反转时检查当前顺序值。
显然,如果您使用的是AJAX,这就没那么有用了。
您可以使用:
document.URL + "orderby=desc"
唯一的问题是,当您再次单击时,会得到两次orderby。因此,您应该检查url是否已经包含orderby参数。
这里可以找到一个更复杂的函数来设置或替换url参数:
添加/更改URL的参数并重定向到新的URL
使用它
var url = document.URL;
if(url.indexOf('orderby') == -1){
url = document.URL + "orderby=desc";
}
您可以使用此处发布的函数https://stackoverflow.com/a/6021027/1021726.所有荣誉都归于业余。
函数可以在查询字符串上创建一个新值,也可以更新现有值。
在<a>
标记上添加onclick事件,并调用类似的函数
updateQueryStringParameter(window.url, "orderby", "myName");
updateQueryStringParameter(window.url, "order", "desc");
相关文章:
- 将GET参数添加到q.io.xhr
- 如果我对一个文件发出ajax GET请求,我会得到什么以及如何将其添加到页面中
- 如何避免为我的每个html文件添加ExpressJS app.get()
- 在带有标记的url上添加GET参数
- 如何在使用模式框的混合Form/HEF链接中添加其他GET参数
- 将get()添加到行导致“;不是函数“;错误
- 尝试循环访问数组并为每个数组添加一个 get 函数
- 无法渲染在 jQuery $.get 请求函数中添加到场景中的三个 js 对象
- 如何添加在调用 tinymce get 函数时触发的事件侦听器
- 在表单提交中添加额外的 GET 变量
- 将 JavaScript get 函数添加到 href
- Angularjs $http GET 方法更改为 OPTION,同时添加自定义标头
- 使用Django设置jquery pjax时出现问题(未设置头,但添加了GET参数)
- Get Element by ID 返回使用 JavaScript 动态添加的元素的 null
- 在asp.net web api中添加一个额外的get方法
- 将get和set添加到构造函数的原型链中
- servlet过滤器中的静态资源版本控制(添加一个额外的GET参数)
- 如何使用jquery在表单中添加get/post方法
- 如何在网页中添加Get in Touch页面
- 在表单提交时向URL动态添加GET参数