Ajax异步加载web网页数据

2016-12-27 19:57:15来源:CSDN作者:Bruce_shan人点击

第七城市

html代码

   <select id="cinemaName" name="release.cinema.cinema_name"  class="select w50" style="width:250px;">  //javascript代码通过id名称写            <option value="" selected="selected">请选择影院</option>            <s:iterator  value="cinemas" id="m">                <option value="<s:property value="#m.cinema_name"/>" ><s:property value="#m.cinema_name"/></option>            </s:iterator>          </select>

javascript代码

<script type="text/javascript">        $(document).ready(function(){         $('#cinemaName').change(function(){                 var val=$(this).children('option:selected').val();                    val=$.trim(val);                var url="releaseAction_getCinemaInfo.action";        alert($(this).children('option:selected').val());         var p1=$(this).children('option:selected').val();//这就是selected的值         var args={"cinema.cinema_name":val,"time":new Date()};        $.post(url,args,function(data){                //alert(data);            $("#input1").val(data.cinema_id);            $("#input2").val(data.cinema_address);        },"json");         })            $('#movieName').change(function(){                 var val=$(this).children('option:selected').val();//这就是selected的值                 var p1=$(this).children('option:selected').val();//这就是selected的值                     val=$.trim(val);                var url="releaseAction_getMovieInfo.action";        alert($(this).children('option:selected').val());         var args={"movie.movie_name":val,"time":new Date()};        $.post(url,args,function(data){             var obj = eval(data);    //      alert("主演是:"+data.movie_role);            $("#input3").val(data.movie_id);            $("#input4").val(data.movie_role);            $("#input5").val(data.movie_director);            $("#input6").val(data.movie_length);        },"json");         })        })        //window.location.href="xx.php?param1="+p1+"¶m2="+p2+"";//页面跳转并传参     </script>

Action类代码

    public void  getCinemaInfo() throws Exception{        jsonObject=new JSONObject();        if (cinemaService.getCinemaByCinemaName(cinema).get(0)!=null) {              cinema = cinemaService.getCinemaByCinemaName(cinema).get(0);              HttpServletResponse response=ServletActionContext.getResponse();              response.setContentType("text/html;charset=utf-8");              PrintWriter out = response.getWriter();                jsonObject.put("cinema_id", cinema.getCinema_id());              jsonObject.put("cinema_address", cinema.getCinema_address());              out.println(jsonObject);                out.flush();                out.close();          }   }

数据以json数组的形式交互(ajax异步通信)

后台代码

   public void  getCinemaInfobySelect() throws Exception{            System.out.println("打印js 界面传来的选择日期参数"+date_selected);            //这里 的6是影院id,前面的页面提供,先写死 的            if (releases.size()>0) {                jsonArray =JSONArray.fromObject(releases);                //打印订单信息                for(MovieRelease m:releases)                {                    System.out.println(m);                }                 HttpServletResponse response=ServletActionContext.getResponse();                 response.setContentType("text/html;charset=utf-8");                 PrintWriter out = response.getWriter();                   System.out.println("打印传给界面的值:"+jsonArray.toString());                 System.out.println("打印传给界面的值:"+jsonArray);                 out.println(jsonArray);                   out.flush();                   out.close();              }else {                System.out.println("该影片没有查询到排片信息!");            }       }

js代码

    $('#date_select').change(function(){         var val=$(this).children('option:selected').val();            val=$.trim(val);        var url="orderAction_getCinemaInfobySelect.action";        alert($(this).children('option:selected').val());         var p1=$(this).children('option:selected').val();//这就是selected的值         var args={"date_selected":val,"time":new Date()};        $.post(url,args,function(data){//            alert(data);              $.each(data, function(index, val) {                  alert("打印查出来的排片id"+val.release_id);                  });        },"json");     })
第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台