自己写的代码太少,有时候前后台传值还写的不是很熟练,现在总结一下,加深下印象。

1.jquery的Ajax传值

----》前台到后台

期望功能:把前台用户输入的信息保存在数据库里。

前台jsp代码:

function saveUserInfo(){

var params = {};//定义一个数组

var userNO = jq("#userNO").val();//把前台页面上的值都赋予一个变量
  var userName = jq("#userName").val();
  var phoneNumber = jq("#phoneNumber").val();

params["userNO"] = userNO ;//把这些变量都存在这个数组里
  params["userName"] = userName;
  params["phoneNumber"] = phoneNumber;

jq.ajax({
        type : "post",
        url : "<%=basePath%>personalSetting/personalSettingSaveAll.do",//找到action里相应的方法
        data : params, //把数组的值赋给data,把上面的param改为data,这里就能直接去掉
        dataType : "text",//根据数据类型选择text、jason等
        success : function(data) { 
          alert(msg); //msg可以在后台Action配置,也可以在这里直接写提示信息
        },
        error : function(data) {
          alert("msg");
        }
       });
        } 
 }

后台Action代码:

@SuppressWarnings({ "unchecked", "unused", "rawtypes" })
@RequestMapping(value = "/personalSetting/personalSettingSaveAll.do", method = RequestMethod.POST)
public void saveAll(ModelMap model, HttpServletRequest request, HttpServletResponse response) throws Exception {
    response.setCharacterEncoding("UTF-8");
    HttpSession session = request.getSession();
    String userNO  = request.getParameter("userNO")+"";
    String userName = request.getParameter("userName")+"";
    String phoneNumber = request.getParameter("phoneNumber")+"";     
    PersonalSettingEntity pSE = new PersonalSettingEntity(); 
    if(!("".equals(userNO))||"".equals(userName )||"".equals(phoneNumber ))){ //如果都不为空

pSE.setUserNO(userNO);
        pSE.setUserName(userName);
        pSE.setPhoneNumber(phoneNumber);
        PersonSettingService.saveProcessSetting(pSE);
        msg = "保存成功";
    }else{
        msg = "填写不完整"; //可以在前台校验,这里为了举例子
    }
        response.getWriter().print(msg); //这里的msg是text数据,所以前台数据类型是text。
}

----》后台到前台

期望功能:把数据库里的用户信息显示到前台页面。

后台Action代码:

@SuppressWarnings({ "unchecked", "unused", "rawtypes" })
@RequestMapping(value = "/personalSetting/personalSettingInitAll.do", method = RequestMethod.POST)
public void qureyAll(ModelMap model, HttpServletRequest request, HttpServletResponse response) throws Exception {
    response.setCharacterEncoding("UTF-8");
    HttpSession session = request.getSession();
    String userId = request.getSession().getAttribute("currentUserId").toString();
    PersonalSettingEntity pSE = PersonSettingService.getPersonalSetting(Long.valueOf(userId));    
    response.getWriter().print(JSONArray.fromObject(pSE).toString());
}

前台jsp代码:

function get(){ 
  jq.ajax({
         type : "post",
         url : "<%=basePath%>personalSetting/personalSettingInitAll.do",
         dataType : "json",
         success :function (data) {
          var bean;
          jq.each(data,function(index){
          bean = data[index];
          jq("#userNO").attr("value",bean.userNO);
          jq("#userName").attr("value",bean.userName); 
          jq("#phoneNumber").attr("value",bean.phoneNumber);
           }                  
         },
         error :function (data){
            alert("系统出错!");
         }
   });  
 }

java前后台之间传值的几种方式的更多相关文章

  1. ASP.NET 页面之间传值的几种方式

    开篇概述 对于任何一个初学者来说,页面之间传值可谓是必经之路,却又是他们的难点.其实,对大部分高手来说,未必不是难点. 回想2016年面试的将近300人中,有实习生,有应届毕业生,有1-3年经验的,有 ...

  2. 【ASP.NET MVC系列】浅谈ASP.NET 页面之间传值的几种方式

    ASP.NET MVC系列文章 [01]浅谈Google Chrome浏览器(理论篇) [02]浅谈Google Chrome浏览器(操作篇)(上) [03]浅谈Google Chrome浏览器(操作 ...

  3. Intent在Activity之间传值的几种方式

    发这篇博客主要讲一下Android中Intent中如何传值的几种方法: 1:基本数据类型,包含了Java八种基本数据类型和CharSequece文本2:八种数据类新对应数组和CharSequece文本 ...

  4. ASP.NET页面之间传值的几种方式

    1.  QueryString 当页面上的form以get方式向页面发送请求数据时,web server将请求数据放入一名为QEURY_STRING的环境变量中,QeueryString方法从这个变量 ...

  5. android fragment传递参数_fragment之间传值的两种方法

    在Activity中加载Fragment的时候.有时候要使用多个Fragment切换.并传值到另外一个Fragment.也就是说两个Fragment之间进行参数的传递.查了很多资料.找到两种方法.一种 ...

  6. 第三节:Action向View传值的四种方式(ViewData、ViewBag、TempData、Model)

    简  介 在前面的章节中,我们已经很清楚,MVC工作模型的流程,Controller中的Action接收到客户端的请求,处理后要将数据返回给View,那么Action中是如何将数据返回给View的,二 ...

  7. MVC中控制器向视图传值的四种方式

    MVC中的控制器向视图传值有四种方式分别是 1 ViewDate  2.ViewBag   3.TempDate  4.Model 下面分别介绍四种传值方式 首先先显示出控制器中的代码 using S ...

  8. ASP.Net中页面传值的几种方式

    开篇概述 对于任何一个初学者来说,页面之间传值可谓是必经之路,却又是他们的难点.其实,对大部分高手来说,未必不是难点. 回想2016年面试的将近300人中,有实习生,有应届毕业生,有1-3年经验的,有 ...

  9. vue传值的几种方式

    props:适用于 父组件 ==> 子组件 通信 由父组件传值子组件在props中接收即可: (由父组件给子组件传递 函数类型 的props可实现 子组件 ==> 父组件 传递数据,较为繁 ...

随机推荐

  1. MathType中如何批量修改公式字体和大小

    MathType中如何批量修改公式字体和大小 关于MathType : MathType 是由美国Design Science公司开发的功能强大的数学公式编辑器,它同时支持Windows和Macint ...

  2. C# 6.0可能的新特性

    C# 6.0可能的新特性 1.主构造函数(Primary Constructors) 主构造函数给类中的变量赋值 Before public class Point { private int x, ...

  3. VS代码段扩展Snippet Designer is a Visual Studio plug in which allows you to create and search for snippets inside the IDE

    Snippet Designer is a Visual Studio plug in which allows you to create and search for snippets insid ...

  4. centos 7.0最小化安装 查看yum 所有安装的软件包~

    使用命令 yum list installed [root@localhost ~]# yum list installed 已加载插件:fastestmirror base | 3.6 kB 00: ...

  5. 两种html幻灯片效果

    650) this.width=650;" src="http://img1.51cto.com/attachment/201307/165757318.jpg" tit ...

  6. CentOS7挂载分区教程

    http://www.centoscn.com/CentOS/config/2014/1016/3955.html

  7. vim 打开Linux下文件每一行后面都有^M的样式

    由于服务器不是我一个人在操作,在修改apache配置文件时发现了一个很奇怪的问题,vim编辑打开配置文件发现后面都有一个^M的标记 虽然不会影响服务的运行,但总感觉不对劲,所以在此我尝试用替换的方式来 ...

  8. Ruby基本语法规则

    1.Ruby常用数据类型 Numbers, Strings, Booleans my_num = 25 my_boollean = true (or false) my_string = " ...

  9. ajax访问 aspx.cs后台

    --前台$.ajax({ type: "POST", contentType: "application/json", url: "WebForm2. ...

  10. Redis学习笔记五:独立功能之事务

    Redis 事务提供了一种将多个命令请求打包,然后一次性.按顺序地执行多个命令的机制,并且在事务执行期间,服务器不会中断,会将事务中的所以命令都执行完毕才去处理其他客户端的命令请求. 事务的实现 事务 ...