前后端传值

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
   <head>
       <title></title>
       <script type="text/javascript" src="jquery/jquery-1.8.3.js"></script>
       <script type="text/javascript" src="xheditor/xheditor-1.1.14-zh-cn.min.js"></script>
       <style type="text/css">
           #contents{width: 800px;height: 500px;}
       </style>
       <script type="text/javascript">
       $(function(){

           $('#contents').xheditor({
               tools : 'simple',
               html5Upload:false,
               upImgUrl : "/news/UploadSvt",
               upImgExt : "jpg,jpeg,gif,bmp,png",
               onUpload : insertUpload
           });
           //xbhEditor编辑器图片上传回调函数
           function insertUpload(msg) {
               var _msg = msg.toString();
               var _picture_name = _msg.substring(_msg.lastIndexOf("/") + 1);
               var _picture_path = Substring(_msg);
               $("#contents").append(_msg);
           }
           //处理服务器返回到回调函数的字符串内容,格式是JSON的数据格式.
           function Substring(s) {
               return s.substring(s.substring(0, s.lastIndexOf("/")).lastIndexOf("/"), s.length);
           }

       })
       $(function(){
           //var p='${bigtypes}';
   //var c='${smalltypes}';
   var p=[];
   var c=[];
   //var t=new Array;
   $.ajax({
                   url:'NewsSvt?op=big',
                   type:'POST',
                   async:false,
                   dataType:'json',
                   success:function(data){
                       //alert(data[0].name);
                   //p=data;
                   for(var i=0;i<data.length;i++){
           p.push(data[i].name);
           }
                   //alert(p);
                   },
                   error:function(){
                       alert('ajax请求失败')
                   }
               })
           $.ajax({
                   url:'NewsSvt?op=small',
                   type:'POST',
                   async:false,
                   dataType:'json',
                   success:function(data){
                       //alert(data[2][0].name);
                   for(var i=0;i<data.length;i++){
                       var t=[];
                       for(var j=0;j<data[i].length;j++){
                           t.push(data[i][j].name);
                       }
                       c.push(t)
           }
                   //alert(c.length);
                   // alert(c);
                   },
                   error:function(){
                       alert('ajax请求失败')
                   }

               })
           //alert("123");
           //alert(p);
   //alert(c);
           for(var i=0;i< p.length;i++){
$("#bigtype").append($("<option>").val(i).html(p[i]));
}

$("#bigtype").change(function(){
$("#smalltype").html("<option>--请选择--</option>");
for(var i=0;i<c[$(this).val()].length;i++) {
$("#smalltype").append($("<option>").html(c[$(this).val()][i]));
}
});

       })</script>
   </head>
   <body>
   <form action="NewsSvt?op=add" method="post">
       新闻类型：<select name="bigtype" id="bigtype">
               <option>--类型--</option>
           </select>
           <select name="smalltype" id="smalltype">
               <option>--请选择--</option>
           </select><p/>
       新闻标题：<input type="text" name="title"/><p/>
       新闻内容：<textarea id="contents" name="contents"></textarea><p/>
       <input type="submit" value="添加"/>
   </form>
   </body>
</html>

后端用out.println();传值

要注意的是每次只能传一个值，即只有一个data。

airuoflora

发布了47 篇原创文章 · 获赞 7 · 访问量 2万+

私信关注

猜你喜欢