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

Bertha 。 2022-06-05 04:25 260阅读 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 条评论，260人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery.ajax实现点击数据，传数据到另一个页面

一、[ajax][ajax]实现点击传值 1.点击进行跳转的页面，html代码 <!DOCTYPE html> <html lang="en">

Dear 丶/ 2024年03月25日 21:38/ 0 赞/ 58 阅读

相关 html页面（钻取）携带参数跳转到另一个html页面

1. 跳转方式 1. 只能使用<a：href=" "></>方式 2. 不能使用ajax，ajax只是局部刷新，返回数据，不会参与页面跳转。 2. 携带参数定义和

客官°小女子只卖身不卖艺/ 2023年05月28日 15:45/ 0 赞/ 1 阅读

相关将一个数组的值赋值给另一个数组并取里面的值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

拼搏现实的明天。/ 2023年01月16日 02:54/ 0 赞/ 222 阅读

相关一个html嵌入另一个html页面,html – 两个div：一个固定,另一个拉伸

我试图完成这个：但是我无法让两个中间的角色玩得很好.如果我们将它们设置为相对数字(30％和70％),它将“工作”,但是当用户更改浏览器窗口宽度时,左侧div会更改大小.

谁践踏了优雅/ 2022年10月06日 05:53/ 0 赞/ 22 阅读

相关 mvc html页面传值,spring mvc传值 html取值

Controller中： @Controller @RequestMapping(value="") public class IndexController \{ @

╰+攻爆jí腚メ/ 2022年10月06日 04:48/ 0 赞/ 219 阅读

相关 jquery访问servlet并返回数据到页面

1，servlet:AjaxServlet.java \[java\] [ view plain][view plain] [copy][view plain]

电玩女神/ 2022年09月21日 00:29/ 0 赞/ 202 阅读

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

请求ajax的html页面 function tiaozhuan() { var hName = $("hotelname").html(); jQuery .aja

Bertha 。/ 2022年06月05日 04:25/ 0 赞/ 261 阅读

相关 js实现页面跳转，页面A跳到另一个页面B，以及页面传值

参考博文：[https://www.cnblogs.com/lyggqm/p/5688028.html][https_www.cnblogs.com_lyggqm_p_5688

清疚/ 2022年05月14日 02:14/ 0 赞/ 361 阅读

相关如何将一个HTML页面嵌套在另一个页面中

[如何将一个HTML页面嵌套在另一个页面中][HTML] 2010-05-05 16:45 559人阅读 [ 评论][Link 1](1) [收藏][Link 2] [

﹏ヽ暗。殇╰゛Y/ 2022年04月11日 14:51/ 0 赞/ 573 阅读

相关一个html页面如何包含另一个html页面

我的qq 2038373094 使用教程一套系统包含很多页面，但是许多的页面的头部或者是底部都是一样的，这个时候，如果用一个公共的页面，在这个公共的页面里面写公

电玩女神/ 2022年02月04日 13:13/ 0 赞/ 460 阅读