当前位置: 编程技术>jquery
jquery遍历与修改url请求参数的方法
来源: 互联网 发布时间：2014-09-03
本文导语: 要求实现： 根据客户选择下拉框，同步中部分超链的请求传递参数与下拉框中的值相等。 需要用到JQuery的cookie插件： jquery.cookie.js http://dev.jquery.com/export/3472/trunk/plugins/cookie/jquery.cookie.js jquery.cookie.pack.js http://dev.jquery.com/export/...
要求实现：
根据客户选择下拉框，同步中部分超链的请求传递参数与下拉框中的值相等。
需要用到JQuery的cookie插件：
jquery.cookie.js http://dev.jquery.com/export/3472/trunk/plugins/cookie/jquery.cookie.js
jquery.cookie.pack.js php
iis7站长之家
1，页面内容产分
有一个用于标识状态的select
代码示例:
短信
彩信
......
并且有一些需要同步的链接，为了方便JQuery查找遍历这些链接，统一命名为nav。
同时将访问链接的个性化部分记录在class中方便JQuery读取生成新的url。
如下：
代码示例:
2，JS脚本部分：
在第一次使用没有cookie记录时，设置默认值：
代码示例:
if($.cookie('_type)== null) $.cookie('_type, 'sms');
遍历修改URL的函数，同时为了可以在其他地方操作该函数，创建一个句柄：
代码示例:
var updateUrl = function(){
$("a[name='nav']").each(function(){ //遍历所有name为nav的连接
this.href = '/' + $(this).attr("class") + '.do?type=' + $.cookie('_type');
});
}
$("a[name='nav']").each(function(){ //遍历所有name为nav的连接
this.href = '/' + $(this).attr("class") + '.do?type=' + $.cookie('_type');
});
}
将cookie的值与select的默认选择项同步：
代码示例:
$("#type").val($.cookie('_ype'));
JQuery的好处：
在调用它的一些函数后仍然返回当前的对象，因此可以继续添加onChange事件：
代码示例:
$("#type").val($.cookie('_type')).change(function(){
$.cookie('_type', $(this).val()); //将选择的值存入cookie中
updateUrl (); //更新url
});
$.cookie('_type', $(this).val()); //将选择的值存入cookie中
updateUrl (); //更新url
});
完整代码：
代码示例:
$(document).ready(function(){
if($.cookie('_type')== null) $.cookie('_type', 'sms');
updateUrl();
$("#type").val($.cookie('_type')).change(function(){
$.cookie('_type', $(this).val());
updateUrl();
});
});
var updateUrl= function(){
$("a[name='nav']").each(function(){
this.href = '/' + $(this).attr("class") + '.do?type'=' + $.cookie('_type');
});
}
if($.cookie('_type')== null) $.cookie('_type', 'sms');
updateUrl();
$("#type").val($.cookie('_type')).change(function(){
$.cookie('_type', $(this).val());
updateUrl();
});
});
var updateUrl= function(){
$("a[name='nav']").each(function(){
this.href = '/' + $(this).attr("class") + '.do?type'=' + $.cookie('_type');
});
}
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。