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

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

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

相关阅读

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

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

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

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

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

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

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

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

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

相关如何将一个文件夹复制到另一个文件夹中并保留其权限

概要本文分步介绍了如何将一个文件夹复制到另一个文件夹中并保留其权限。当您使用 Windows Explorer 复制或移动文件和文件夹时，在这些文件或文件夹上设置

桃扇骨/ 2022年09月24日 14:26/ 0 赞/ 853 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 HTML||从一个页面跳转至另一个html页面的子页面（超链接）

超链接的介绍超链接在本质上属于网页一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓超链接是指从一个网页指

一时失言乱红尘/ 2021年11月09日 11:18/ 0 赞/ 1271 阅读