您的位置：首页 > Web前端 > JQuery

jQuery 浏览器之间跳转传递参数（支持中文字符）

2017-08-29 11:51 791 查看 
one.html
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.slim.js"></script>
</head>

<body>
<input type="text" class="keyword"/>
<button id="searchBtn">点击</button>
<script type="text/javascript">
$("#searchBtn").click(function() {
var searchText = jQuery.trim($(".keyword").val());
var searchUrl = encodeURI("two.html?searchText=" + searchText); //使用encodeURI编码
location.href = searchUrl;
})
</script>
</body>

</html>
two.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.slim.js"></script></head><body><input type="text" class="keyword1"/><script type="text/javascript">//获取 上一个搜索页面传来的参数var searchUrl = window.location.href;var searchData = searchUrl.split("=");b3ce//截取 url中的“=”,获得“=”后面的参数var searchText = decodeURI(searchData[1]); //decodeURI解码$(".keyword1").val(searchText);</script></body></html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航