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

来源：互联网发布：长沙软件学校排名编辑：程序博客网时间：2024/06/06 19:27

请求ajax的html页面

function tiaozhuan() {var hName = $("#hotelname").html();jQuery.ajax({ //jquery跳转传输数据type : "POST",url : "searchroom.do ",//跳转的controllerdataType : "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转化为jsonalert(json)}function name() {//必须在<body>标签中加onload="name()"属性，页面加载完再执行该jsvar jsonobj=eval("("+json+")");//string转换 json对象var str = jsonobj.address;//获取值document.getElementById("add").innerHTML=str;//给add标签设置值alert(str);}</script>

阅读全文

0 0