Question

jquery实现页面跳转同时传值的问题

假定我有A.html和B.html。A中的text输入字符后按button跳转到B.同时B中的P标签显示A中text的内容。
知道个window.location.href='B.html';实现页面跳转，那么同时传值请教下该怎么做？

Answer 1

首先去网上查找到怎么获取地址后面的参数，方法，然后a页面写法如下：

<input type="text" id="txt" value="" />
<input type="button" id="btn" value="go" />

    $(function(){
        $("#btn").click(function(){
            location.href="222.html?txt="+$("#txt").val();//发送txt里面的内容
        })
    })

b：页面

<p id="p" style="border:solid 1px red; margin:50px; height:50px;"></p>

    $(document).ready(function(){
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);  //获取url中"?"符后的字符串并正则匹配
            var context = "";
            if (r != null)
                 context = r[2];
            reg = null;
            r = null;
            return context == null || context == "" || context == "undefined" ? "" : context;
        }
        
        $("#p").text(GetQueryString("txt"));
    })

执行结果：

Answer 2

A: B.html?data=xxx
B: $.url().param('data');