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

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. vertical-align0 垂直对齐- 图片 兼容个浏览器

    效果:  代码: <html> <head> <style type="text/css"> img.top {vertical-align:t ...

  2. iTunes访问自己应用的沙盒

  3. mysqlbinlog恢复数据-update20140820

    mysqlbinlog恢复数据 BINLOG就是一个记录SQL语句的过程,和普通的LOG一样.只是它是二进制存储,普通的是十进制存储. ================================ ...

  4. SQL DatePart函数使用

    DATEPART 返回代表指定日期的指定日期部分的整数. 语法 DATEPART ( datepart ,date ) 参数 datepart 是指定应返回的日期部分的参数.下表列出了 Microso ...

  5. JS 语言的Function 解析

    1.最基本的作为一个本本分分的函数声明使用. 复制代码代码如下: function func(){} 或 var func=function(){};  2.作为一个类构造器使用: 复制代码代码如下: ...

  6. Python-面向对象编程(一)

    初识面向对象: Python中一切皆对象,我自己,我的电脑,电脑桌,都称之为一个对象.对象是类的一个实体. 我们可以通过行为和特征(属性)来描述一个对象,比如小狗,它有四条腿,一个尾巴,两个虎牙,这就 ...

  7. Yii2 打印sql语句和批量插入数据

    打印sql语句: $model->find()->createCommand()->getRawSql(); 批量插入 Yii::$app->db->createComm ...

  8. 百万级数据查询到datatable中,提示内存溢出

    参考资料: http://group.cnblogs.com/topic/32230.html

  9. [译]Mongoose指南 - 查询

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

  10. HDU 2010

    #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> int Is_SXH(int num); int main() { int in1, ...