精华内容
下载资源
问答
  • js 不刷新页面替换url地址栏里面的参数 原来地址栏是这样 ​​​​​​​history.replaceState(null,"",'/#/home'); // 在你需要改变的地方加入 就会变成这样(没有刷新页面)

    js 不刷新页面替换url地址栏里面的参数

    原来地址栏是这样

    
    if (window.history){
                        // 支持History API
                        history.replaceState(null,"",'/#/bkqy/resultQuery')
                    }

    就会变成这样(没有刷新页面)

    展开全文
  • JS 修改地址栏URL参数 不跳转

    千次阅读 2020-04-30 14:53:20
    var url2 = url.replace(eval('/([\?|&]'+name+'=)[^&]*/gi') , '$1' + value); //正则替换 if(url == url2) url2 += (url.indexOf('?') > -1 ? '&' : '?') + name + '=' +value; //没有参数添加参数 ... //替换地址栏

    Javascript代码: 

    /*
    * changeURLStatic 修改地址栏URL参数 不跳转
    *   @param name 参数名
    *   @param value 参数值
    *
    * */
    function changeURLStatic(name, value) {
        var url = location.href;
        var reg = eval('/([\?|&]'+name+'=)[^&]*/gi');
        value = value.toString().replace(/(^\s*)|(\s*$)/g,"");  //移除首尾空格
        if(!value){
            var url2 = url.replace(reg , '');  //正则替换
        }else{
            if(url.match(reg)){
                var url2 = url.replace(reg , '$1' + value);  //正则替换
            }else{
                var url2 = url + (url.indexOf('?') > -1 ? '&' : '?') + name + '=' +value;  //没有参数添加参数
            }
        }
        history.replaceState(null,null, url2);  //替换地址栏
    }

    应用示例

    参数存在示例:

    //当前页面地址
    index.php?m=p&a=index&classify_id=225&search=i

    //执行修改
    changeURLStatic('search', '99999');

    //修改后页面地址
    index.php?m=p&a=index&classify_id=225&search=99999

     

    参数不存在示例: 

    //当前页面地址
    index.php

    //执行修改
    changeURLStatic('m', 'Index');

    //修改后页面地址
    index.php?m=Index


    //执行修改
    changeURLStatic('search', '99999');

    //修改后页面地址
    index.php?m=Index&search=99999

     

    展开全文
  • 我们前端工程师需要做的就是将分享的参数在这个网页的地址栏进行获取并展示在信息确认页面。 分享功能请参考我上一篇文章:友盟U-share sdk 分享的接入(支持Android及IOS) URL地址(例):...

    业务场景:APP中有个H5页面需要分享到微信,用户点击这个消息会跳转到这个网页进行信息确认,然后引导用户下载另一个应用。我们前端工程师需要做的就是将分享的参数在这个网页的地址栏进行获取并展示在信息确认页面。

    分享功能请参考我上一篇文章:友盟U-share sdk 分享的接入(支持Android及IOS)

    URL地址(例):https://www.baidu.com/?taskId=202008271119381110000637165xxxx&applicationNo=620043450959360&applicantName=李港&idNo=xxxx26199703180911&serno=eg4ns2p&roomNo=null&appid=xxxx316237&appkey=xxxxa62356ada93f832e63e0257cfee2b6c5df55

    展开全文
  • 主要介绍了如何使用JavaScript修改浏览器URL地址栏,需要的朋友可以参考下
  • 使用$location.search(user, "tom");添加参数与值, 浏览器地址栏url会发生变化,而且浏览器会产生1个历史记录。 问题: 如何改变url的参数与值的同时不要让浏览器产生历史记录?
  • 在访问现在很火的google plus时,细心的用户也许会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变。并且能够很好的支持浏览器的前进和后退。不禁让人想问,是什么有这么强大的功能呢? ...

    在访问现在很火的google plus时,细心的用户也许会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变。并且能够很好的支持浏览器的前进和后退。不禁让人想问,是什么有这么强大的功能呢?

    HTML5里引用了新的API,就是history.pushState和history.replaceState,就是通过这个接口做到无刷新改变页面URL的。

    与传统的AJAX的区别

    传统的ajax有如下的问题:

    虽然ajax可以无刷新改变页面内容,但无法改变页面URL

    其次为了更好的可访问性,内容发生改变后,改变URL的hash。但是hash的方式不能很好的处理浏览器的前进、后退等问题

    有的浏览器引入了onhashchange的接口,不支持的浏览器只能定时去判断hash是否改变

    再有,ajax的使用对搜索引擎很不友好,往往蜘蛛爬到的区域是空的

     

    为了解决传统ajax带来的问题,HTML5里引入了新的API,即:history.pushState, history.replaceState

    可以通过pushState和replaceState接口操作浏览器历史,并且改变当前页面的URL。

    pushState是将指定的URL添加到浏览器历史里,replaceState是将指定的URL替换当前的URL。

    如何调用

    var state = {	title: title,	url: options.url,	otherkey: othervalue};window.history.pushState(state, document.title, url);

    state对象除了要title和url之外,也可以添加其他的数据,比如:还想将一些发送ajax的配置给保存起来。

    replaceState和pushState是相似的,不需要多做解释。

    如何响应浏览器的前进、后退操作

    window对象上提供了onpopstate事件,上面传递的state对象会成为event的子对象,这样就可以拿到存储的title和URL了。

    window.addEventListener('popstate', function(e){  if (history.state){	var state = e.state;    //do something(state.url, state.title);  }}, false);

    这样就可以结合ajax和pushState完美的进行无刷新浏览了。

    一些限制

    1、无法跨域,这个是必然的。引用曾经在网上看到的一句经典的话:“如果javascript可以跨域的话,那他就可以逆天了!”

    2、state对象虽然可以存储很多自定义的属性,但值不能是个对象。

    对应后端的一些处理

    这种模式下除了当前使用ajax可以无刷新浏览外,还要保证直接请求改变的URL后也可以正常浏览,所以后端要对这些处理下。

    1、对结合pushState的ajax可以发送一个特殊的头,如: setRequestHeader(‘PJAX’, ‘true’)。

    2、后端获取到有PJAX=true的header时,将页面中通用的部分都不输出。比如:PHP可以通过下面的判断

    function is_pjax(){	return array_key_exists('HTTP_X_PJAX', $_SERVER) && $_SERVER['HTTP_X_PJAX'] === 'true';}

    虽然接口上只有pushState、replaceState、onpopstate,但在使用的时候还是要做很多处理的。

    展开全文
  • 改变浏览器地址栏url,但是不跳转

    千次阅读 2013-11-29 09:59:13
    var json={time:new Date().getTime()}; window.history.pushState(json,"",$.mobile.path.documentBase.hrefNoHash);   资料:http://blog.csdn.net/wang16510/article/details/8960312 ...
  • 在请求的URL 路径中有些时候都会跟着一些参数,在处理逻辑的时候会用到,为了方便使用这些参数 使用js处理一下,机构就以对象结构形式,方便获取调用: 例如: urlParam = { id:”123456”, name:”tom” }...
  • 在访问现在很火的google plus时,细心的用户也许会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变。并且能够很好的支持浏览器的前进和后退。不禁让人想问,是什么有这么强大的功能呢? ...
  • url变量替换

    2014-03-25 13:42:32
    url变量替换
  • 引言: 在Restful类的服务设计中,经常会碰到需要在URL地址中使用中文作为的参数的情况,这种情况下,一般都需要正确的设置和编码中文字符信息。乱码问题就此产生了,该如何解决呢?且听本文详细道来。 1. 问题的...
  • vue工具类之——URL地址栏参数操作

    千次阅读 2019-01-10 14:09:00
    地址栏参数的获取,返回object地址栏参数的删除,返回string地址栏参数的修改,返回string/** * description: 登录页样式文件 * create_time: 2016-05-12 * message: 不接受任何私下吐槽,请当面沟通协调 * ...
  • js 改变地址栏中的url

    2015-06-05 15:14:00
    改变地址栏中的url,第三个参数指的即为在地址栏中想要显示的url(前面两个参数,一个是要传递的数据,一个是新页面的title,但是好像现在还不支持),如下: window.history.pushState(null, null, ...
  • js 替换 当前URL 特定参数

    千次阅读 2017-01-09 10:19:58
    js 替换 当前URL 特定参数
  • js改变URL地址栏但是不刷新页面

    万次阅读 2018-01-24 14:45:31
    一般用来清空url传递的参数不刷新,这样可以少发送一次请求到后台 var url = window.location.href; var valiable = url.split(“?”)[0]; window.history.pushState({},0,valiable);
  • 替换URL中的IP地址进行访问

    千次阅读 2019-06-12 11:50:59
    记录一下昨天碰到的问题以及解决过程, ...这样就尴尬了,运营人员需要在浏览器的地址栏中手工修改IP才能正常访问,严重影响工作效率;合作伙伴说后台难以修改,只能提供使用移动IP的URL,要么你...
  • 1、其中 href 的值就是地址栏图标的路径,当然这个地址可以是相对的,也可是绝对的。 2、即这个值可以表示这个图标文件在项目中的路径,还可以改成下面这样 3、这种方式的话,如果你想每个页面显示的地址栏...
  • HTML5 新增的历史记录 API 可以实现无刷新更改地址栏链接,配合 AJAX 可以做到无刷新跳转。 简单来说:假设当前页面为renfei.org/,那么执行下面的 ...之后,地址栏的地址就会变成renfei.org/profile/,但同时浏览器
  • 具体代码如下所示: /* 定义替换对象键值 */ var setReferArgs = function(){ .../* 替换URL的参数 */ var replaceUrlParams = function(url){ var actualUrl = ""; var referArgs = setReferArgs(); for(var ke
  • //接受URL地址参数 function getQueryString(name) { //name为传入参数 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.loc...
  • JavaScript 修改地址栏指定参数

    千次阅读 2019-04-17 17:34:58
    假如当前地址栏链接为:https://test.com/?type=students&page=3 //定义替换参数的方法 function changeURLArg(url,arg,arg_val){ var pattern=arg+'=([^&]*)'; var replaceText=arg+'='+arg_val; if...
  • 怎么通过js,修改当前浏览器地址栏的地址,并发起这个http的url请求(即类似于手动的,在浏览器的地址栏输入一个地址,然后点击Enter发起这个请求)  window.location.href = contextPath + "/login.html";
  • //替换所有的参数 this.$router.push({ query:merge({},{'name':'小米'}) }) this.$router.replace({ query:merge({},{'name':'小米'}) }) replace()和push() 的区别: 1. this.$router.push() 描述:此方法会向...
  • //替换url中ip地址(端口号) var oldurl = 'http://10.67.82.93/it/local/facerec/default/20200609112555435018.jpg'; console.log("old url:",oldurl); //截取ip前字段"http:" if(oldurl.indexOf('//') == -1) { ...
  • 示例:当从地址栏输入url http://localhost:8092/#/InspectionTransferPage?code1=JI1zqH0WscM=&code2=Tp8v8qDdBOrWIOuri+IyUg== 我们使用 getUrlKey: function (name) { return decodeURIComponent((new ...
  • java替换指定url里的参数值

    千次阅读 2014-01-09 18:54:22
    [quote]java解析替换[/quote] [code="java"] public static String replaceAccessToken(String url, String name, String accessToken) { if(StringUtils.isNotBlank(url) && StringUtils....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 45,154
精华内容 18,061
关键字:

替换地址栏的url