jquery取值并将值返回到另一个HTML页面

最新推荐文章于 2024-04-19 00:30:19 发布

超级无敌皮皮超

最新推荐文章于 2024-04-19 00:30:19 发布

阅读量1.1w

点赞数

分类专栏：个人文章标签： jquery html ajax

本文链接：https://blog.csdn.net/qq_39654446/article/details/78559251

版权

个人专栏收录该内容

21 篇文章 0 订阅

订阅专栏

请求ajax的html页面

function tiaozhuan() {
			var hName = $("#hotelname").html();
			jQuery
					.ajax({ //jquery跳转传输数据
						type : "POST",
						url : "searchroom.do ",//跳转的controller
						dataType : "json",//返回类型
						cache : false,
						contentType : "application/x-www-form-urlencoded; charset=utf-8",
						data : {//传输controller的键值对
							"hotelname" : hName
						},
						success : function(HotelDO) {//成功后执行并取值
							var add = HotelDO.hotelAddr;
							alert(add);
							var searchUrl = encodeURI("html/stay-stro.html?&address="
									+ add + "&asd=hello!");
							window.location.href = searchUrl;
						},
						error : function(request) {//失败后执行
							alert("奶子!");
						}
					});
		}

 
 ajax跳转的controller页面 

@RequestMapping("/searchroom.do")
    		@ResponseBody
    		public Object queryHotelroom( HttpServletRequest request,
    				 ModelMap modelMap) throws UnsupportedEncodingException {
    			String hotelname = request.getParameter("hotelname");
    			HotelDO hotelDo =HotelDAO.selectHotelByHotelname(hotelname);
    			modelMap.put("ho", hotelDo);
    			return hotelDo;//返回给ajax  hotelDo对象
    		}

 
 上一个html传输数据并跳转到这个html 

<script type="text/javascript">
		/* //获取 上一个搜索页面传来的参数  
		 var searchUrl =window.location.href;  
		 var searchData =searchUrl.split("=");        //截取 url中的“=”,获得“=”后面的参数  
		 var  searchText =decodeURI(searchData[1]);   //decodeURI解码  
		 alert(searchText);            //将搜索的数据显示在搜索页面的搜索框中 */

		var searchUrl = window.location.href;
		var qs = searchUrl.split("&");
		var json = "{"
		if (qs) {
			for (var i = 1; i < qs.length; i++) {
				//得到键
				var j = qs[i].indexOf("=");
				var fin = qs[i].substring(0, j);//截取键
				//alert(fin);
				json += "\"" + fin + "\":"
				//得到值
				var searchData = qs[i].split("=");
				var searchText = decodeURI(searchData[1]); //decodeURI解码  
				// alert(searchText);  //将搜索的数据显示在搜索页面的搜索框中 
				json += "\"" + searchText + "\""
				if (i < qs.length - 1)
					json += ",";
				if (i == qs.length - 1)
					json += "}"
			}//string转化为json
			alert(json)
		}
		
		function name() {//必须在<body>标签中加οnlοad="name()"属性，页面加载完再执行该js
			var jsonobj=eval("("+json+")");//string转换 json对象
			var str = jsonobj.address;//获取值
			document.getElementById("add").innerHTML=str;
			//给add标签设置值
			alert(str);
			}
	</script>

超级无敌皮皮超

关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
jquery取值并将值返回到另一个HTML页面

请求ajax的html页面function tiaozhuan() { var hName = $("#hotelname").html(); jQuery .ajax({ //jquery跳转传输数据 type : "POST", url : "searchroom.do ",//跳转的controller dataType : "j
复制链接

扫一扫