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

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. Jquerymobile 简单安装

    需要导入三个文件jquery,jquerymobile,css(jquerymobile地址:http://jquerymobile.com/) <script src="js/jqu ...

  2. Mysql函数:Last_insert_id()语法讲解

    Mysql函数可以实现许多我们需要的功能,下面介绍的Mysql函数Last_insert_id()就是其中之一,希望对您学习Mysql函数能有所帮助. 自动返回最后一个INSERT或 UPDATE 查 ...

  3. android自定义控件(9)-Android触摸事件分发机制

    触摸事件的传递机制:   首先是最外层的viewgroup接收到事件,然后调用会调用自己的dispatchTouchEvent方法.如果在ACTION_DOWN的时候dispatchTouchEven ...

  4. CF460B Little Dima and Equation (水题?

    Codeforces Round #262 (Div. 2) B B - Little Dima and Equation B. Little Dima and Equation time limit ...

  5. mongodb 与 c++ 的配合使用

    最近在尝试使用 mongodb 作为服务端持久化方案,服务端程序是使用 c++ 写的,折腾了不少时间,记录一下吧. 1.下载 boost 1.56.0 http://www.boost.org/use ...

  6. .Net Core 之 图形验证码

    本文介绍.Net Core下用第三方ZKWeb.System.Drawing实现验证码功能. 通过测试的系统: Windows 8.1 64bit Ubuntu Server 16.04 LTS 64 ...

  7. linq和lanmbda表达式比较解析

  8. [译]Node.js : Building RESTful APIs using Loopback and MySQL

    国庆后可能就要使用StrongLoop那套东西来做项目了 原文:http://www.javabeat.net/loopback-mysql/ Loopback是什么? Loopback是一个开源的N ...

  9. [译]Mongoose指南 - 查询

    查询有带callback和不带callback两种方式 所有mongoose的callback都是这种格式: callback(err, result) var Person = mongoose.m ...

  10. Tomcat 6 —— Realm域管理

    本篇来源于官方文档,但不仅仅是翻译,其中不乏网上搜索的资料与自己的理解. 如有错误,请予指正. 什么是Realm 首先说一下什么是Realm,可以把它理解成“域”,也可以理解成“组”,因为它类似 类U ...