精华内容
下载资源
问答
  • $.ajax({ /*请求类型*/ type:"post", /*请求路径*/ url:"${pageContext.request.contextPath}/application/sendResume", /*设置类型*/ contentType:"application/json;charset=UTF-8", /*向后端传数据,stringify...

    今天做了个前后端交互的例子,再次记录一下以免以后遇到类似问题,新手笔记,有不妥之处,还望各位多多指正

    部分前端关键代码如下

    ${job.uname }${job.jobName }${job.education}${job.money }${job.information }${job.date }

    才发现因为我这里是循环遍历对应的pageinfo.list方便分页查询,故在这里

    直接绑定参数,把对应的job.xxx直接传到js对应的sendResume方法里,注意onclick里多参数的写法--%>

    投递简历

    联系企业

    js对应的sendResume()方法如下

    /*这里注意sendResume()里的参数顺序是有要求的,

    应该和前面投递简历超链接的onclick中的参数的顺序一致*/

    function sendResume(jid,jobName,uname){

    alert("点击确定开始投递");

    /*定义个数组放发送的变量并赋值*/

    var sj = {};

    sj.jid=jid;

    sj.jobName=jobName;

    sj.uname=uname;

    sj.sid='${session.sid }';

    sj.name='${session.name }';

    sj.resume='${session.resume}';

    alert("参数赋值完毕,开始传递!");

    $.ajax({

    /*请求类型*/

    type:"post",

    /*请求路径*/

    url:"${pageContext.request.contextPath}/application/sendResume",

    /*设置类型*/

    contentType:"application/json;charset=UTF-8",

    /*向后端传数据,stringify方法将sj转换为json格式*/

    data: JSON.stringify(sj),

    /*然后在这个弹窗里去显示出来*/

    success:function(data) {

    /*后端return的值默认都装在叫data的变量里*/

    if(data="0"){

    alert("投递成功!");

    }else{

    alert("投递失败!");

    }

    window.location.reload();

    }

    });

    }

    后端controller层对应处理如下

    @RequestMapping("/sendResume")

    @ResponseBody

    /*这里主要用@RequestBody转换接受的JSON为对象,用@ResponseBody转换返回的对象为JSON。*/

    public String sendResume(@RequestBody Application application){

    System.err.println(application);

    System.err.println("进入controller");

    /*获取当前日期*/

    Date utilDate = new Date();

    System.out.println("utilDate : " + utilDate);

    //util.Date转sql.Date

    java.sql.Date sqlDate = new java.sql.Date(utilDate.getTime());

    System.out.println("sqlDate : " + sqlDate);

    application.setDate(sqlDate);

    System.err.println(application);

    System.err.println("开始调用");

    /*ctrl+alt+t可选则try catch包裹*/

    /*下面是为更新成功添加响应信息,成功则在前端提示添加成功,失败则在前端提示添加失败(默认为失败)*/

    String msg="1";

    try {

    applicationService.addApplication(application);

    /*0为成功*/

    msg="0";

    } catch (Exception e) {

    e.printStackTrace();

    }

    return msg;

    }

    service层和dao层都是简单的调用,和简单的sql语句,就不写了 (若json传不到后端是因为在后端没有用@RequestBody接受Json,还有一点是别忘记事先导入Json的相关依赖)

    展开全文
  • 通常前端页面发送ajax请求,我们只需要返回json格式数据就行1.在pom.xml加入依赖2.5.4com.fasterxml.jackson.corejackson-core${jackson.version}com.fasterxml.jackson.corejackson-databind${jackson.version}2....

    通常前端页面发送ajax请求,我们只需要返回json格式数据就行

    1.在pom.xml加入依赖

    b0ef1b0950e9b2f904a44e7032bfd685.png

    2.5.4

    com.fasterxml.jackson.core

    jackson-core

    ${jackson.version}

    com.fasterxml.jackson.core

    jackson-databind

    ${jackson.version}

    2.dispatcherServlet-servlet.xml中配置

    fe096ee2949efde0276af5a37d92f601.png

    3.在controller中获取返回的json数据

    94a6bb8ff1e294fa3a14abd17bbc88d2.png

    @Controller

    public class EmployeeController {

    //查询所有员工

    @Autowired

    EmployeeService employeeService;

    @RequestMapping("emps")

    @ResponseBody

    public List getEmps() {

    List emps=employeeService.getAll();

    System.out.println("emps "+emps.size());

    return emps;

    }

    }

    4.测试(使用postman)

    bba31b0c938bd5aaff8f04ec52be9e63.png

    5.前端接收数据并解析

    32fe248bded09ec8ad6f3639923aff68.png

    渲染界面

    108594d4a522d3044a5f28d4262b1285.png

    $(document).ready(function(){

    $(function(){

    $.ajax({

    url:"empsJson",

    data:"pn=1",

    type:"get",

    success:function(data){

    //获取controller传来的json数据

    //alert(data[0].empId);

    //alert(data.length)

    empInfo(data);

    }

    })

    })

    })

    function empInfo(data){

    var str="";

    for(var i=0;i

    str+="

    "+

    "

    "+data[i].empId+""+

    "

    "+data[i].empName+""+

    "

    "+data[i].gender+""+

    "

    "+data[i].email+""+

    "

    "+data[i].dId+""+

    "

    ";

    }

    $("tbody").html(str)

    //下面这两种加上没有样式

    /* for(var i=0;i

    var tr=$("tbody").append("

    ");

    tr.append("

    "+data[i].empId+"");

    tr.append("

    "+data[i].empName+"");

    tr.append("

    "+data[i].gender+"");

    tr.append("

    "+data[i].email+"");

    tr.append("

    "+data[i].dId+"");

    } */

    /* $.each(data,function(i,data){

    var tr=$("tbody").append("

    ");

    tr.append("

    "+data.empId+"");

    tr.append("

    "+data.empName+"");

    tr.append("

    "+data.gender+"");

    tr.append("

    "+data.email+"");

    tr.append("

    "+data.dId+"");

    }) */

    }

    ajax发送多个参数

    发送

    4c58017cae9c0d625647e2c6f9ef5b09.png

    接收

    87fd2ed9d9e55e4fd2fb92a39820c591.png

    到此这篇关于ssm框架controller层返回json格式数据到页面的实现的文章就介绍到这了,更多相关ssm controller返回json内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞!

    展开全文
  • ssmajax传值实例

    千次阅读 2017-01-07 11:54:11
    前台:jsp页面中 //禁用账号 function useDisable(id){ $.ajax({ type:"POST", url:ctx+'/bus/busCityPartner/useAble',

    前台:

    jsp页面中

    <script type="text/javascript">
    //禁用账号
            function useDisable(id){            
                $.ajax({
                    type:"POST",
                    url:ctx+'/bus/busCityPartner/useAble',
                    data:{"id":id,"use":0},
                    success:function(msg){
                        if("OK"!=msg){
                            alert("禁用账号失败!");                       
                        }
                        location.href=ctx+"/bus/busCityPartner?repage";
                    },
                    error:function(e){
                        alert("禁用账号失败!");                   
                    }
                });
            }
        </script>

    body里面的选项

    <c:choose>
                    <c:when test="${0 eq busCityPartner.isUse}">
                        <a href="javascript:void(0)" onclick="useAble('${busCityPartner.id}')">启用</a>
                    </c:when>
                    <c:when test="${1 eq busCityPartner.isUse}">
                        <a href="javascript:void(0)" onclick="useDisable('${busCityPartner.id}')">禁用</a>
                    </c:when>
                    </c:choose>

    后台:

    controller中

    @RequiresPermissions("bus:busCityPartner:edit")
        @RequestMapping(value = "useAble")
        @ResponseBody
        public String useAble(String id,String use){
            busCityPartnerService.useAble(id,use);
            return "OK";
        }

    service中

    /**
         * 根据id,启用账户
         * @param id
         * @param use
         */
        @Transactional(readOnly = false)
        public void useAble(String id, String use) {
            busCityPartnerDao.useAble(id,use);      
        }

    dao中

    /**
         * 根据id查询账号是否启用
         * @param id
         * @param use
         */
        public void useAble(String id, String use);

    MyBatis mapping中

    <select id="useAble" >
           UPDATE bus_city_partner SET
                 is_use = #{param2}
           WHERE id = #{param1}      
        </select>
    展开全文
  • ssmajax传值问题

    2019-01-12 15:12:33
    最近用ssm框架做一个商城的项目,做注册表单验证的功能,通过ajax异步校验用户是否存在的时候,前台传过去的username值后台用 String类型接收基本参数始终接收不到,但是用一个包含username属性的bean来接收就...
  • 补充:SpringMVC中传值给Controller已配置了编码过滤器还出现中文乱码问题 #在Web.xml文件配置了filter,但传值到controller时还是出现中文乱码 斜体样式 在jsp文件顶部也配置了编码为utf-8,也是不行 本人是在使用...

    这个问题都是老生常谈了,可还是有很多人掉进去。

    这是一个很简单的问题,只要理清思路就好了。

    明确一点:

    项目是放到容器内(tomcat是一个)内的。无论我们前端请求还是后端相应.我们都是围绕着http报文操作的.

    tomcat将http报文封装为request,response对象方便我们操作。

    反过来说,request,response都经手了tomcat。

    所以,我们需要将tomcat配置好就好了。

    tomcat解决中文乱码的问题,网上有很多。

    不管是这个框架还是那个框架向后台传值乱码怎样怎样,其实本质都是一样的。

    问题容易出现在这几点:

    1.tomcat关于中文的配置.

    2.jsp页面的字符设置.

    3.数据库的字符集设置:(网上都是帖子).

    明确一点:框架固然好用,但好吃并不代表好消化。

    补充:SpringMVC中传值给Controller已配置了编码过滤器还出现中文乱码问题

    #在Web.xml文件配置了filter,但传值到controller时还是出现中文乱码

    63768471572fd682b1cc73c9b5db77e1.png

    斜体样式

    在jsp文件顶部也配置了编码为utf-8,也是不行

    c716ab186c2d6a6c637973219214b313.png

    本人是在使用layui 的table过程中要用到异步请求重载表格数据时出现中文乱码问题,table的reload请求数据方式默认为get,这样传值到controller出现中文乱码

    d12a26632b4f80ff94ecd887d704c40c.png

    细看,jsp中提交url的方式为get

    此时,我们忽略了filter只对post请求方式过滤****,而对get请求方式不起效果

    d4a7338987b4d3f6aad59d7b8accb691.png

    这样就解决了,希望能给大家带来一些帮助!

    以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。如有错误或未考虑完全的地方,望不吝赐教。

    展开全文
  • SSM用Jq整合Ajax我就是一个程序小白,很多原理都不懂,下面的内容只能让新手知道怎么用。Ajax废话少说,总之像点赞,评论,之类的很多功能没必要进行页面跳转,SSM框架用表单或者超链接的方式提交给Controller层都...
  • 5月9号花了整整一天好好学习了一下有关AJAX传值的问题:写了一个关于注册时判断用户名是否唯一的后台。啥也不说了,直接上代码。代码主要分了三部分:1.JSP;2.controller;3.service,其实还有mapper文件用来存放...
  • Ajax请求接口返回结果后,再次请求后台Controller。原来代码 $("#book").submit(function() { if($(this).Andrew_Validate("submit_Validate")){ $("#book > button:submit").attr("disabled","disabled")....
  • ajax传值给后台

    千次阅读 2018-06-12 10:20:15
     再提一嘴是,如果使用了ajax传值。那么ssm框架默认的controller路径的跳转就失效了。亲身体验。  余留了几个问题。就是success的回调函数,完全没有反应。但是值确实是传到后台了。如果加了个 error: function(){...
  • 关于ajax传值错误问题

    千次阅读 2017-04-25 18:05:27
    问题出在dao方法上,因为使用ajax传值我方法这么写的 //重置密码 @Update ( "update t_user set login_password='admin' where user_id=#{user_id}" ) int updatePwd( @Param ( "id" ) int id); 把@...
  • $.ajax({ type:"post", url:"changetype", data:"id="+id+"", dataType:"json", success:function(data){ } }); }); $(".caidandanhang").mouseout(function(){ $(this).css("color",...
  • [img=https://img-bbs.csdn.net/upload/201805/31/1527730789_353946.png][/img] ajax传值[img=https://img-bbs.csdn.net/upload/201805/31/1527730845_566389.png][/img]后台参数接收。可以接收到page和pageSize,...
  • Ajax传值后台收到的是null

    千次阅读 2018-06-25 15:59:04
    现在知道了,还是参数没有对应上的问题,我前台是用ajax POST一个普通的对象,dataType是json,这个对象的属性要和后台的参数名称完全一致,如下图: 还有一点就是在前台检查一下数据类型,比如是数字的话可以转化...
  • Ajax传值SpringMVC获取为Null的问题

    千次阅读 2017-11-24 15:03:01
    前台使用Ajax请求,后台使用SpringMVC接收请求参数,但是每次都为null,度娘找了半天,最后发现是自己太大意了~~~也是经验不够!【直接上代码】:前端Ajax请求代码: $.ajax({ type : "post", url : ...
  • ajaxssm框架的应用简介 1.本教程主要是针对已有ajax基础和ssm框架基础的学者所创造教程 2.本教程主要是讲ajaxssm框架的交互作用,以注册验证学号为例子 3.本教程学者最好有js的应用基础
  • ssm项目,使用ajax的json数据格式进行前后端数据传值,当jsp页面接收到后台传来的json数据,在jsp页面怎么进行数据的遍历在table中显示。
  • 之前解bug的时候碰到一个问题,前端的值通过ajax往后台传递,最终保存成功返回页面的时候报404错误。通常来说404是前端找不到请求的页面才会报出问题,但是数据都能保存了还报404就不合理了。排查前端没发现问题,就...
  • 首先 前端通过Ajax传输了图片和表单,后端通过 @RequestParam("UpImage") MultipartFile[] file 接收到图片文件,但是表单信息中存在多个对象的属性 怎么获取呢? 因为太菜一直以为用 @RequestParam obj obj 或者...
  • SSM框架中页面ajax往后台传值的问题

    千次阅读 2019-06-19 11:23:06
    SSM框架中页面ajax往后台传值的问题 从之前的Servlet过来的ajax,突然变为SSM框架,一时不知该怎么写,这里做个记录加深一下印象,主要是重点理解Controller的三种返回值,ModelAndView,void,String 这是前端页面的ajax...
  • 首先后端从前端传值,可用modelAndView的addObject方法,然后用el表达式和jstl标签填充表格。如此: 后端: ModelAndView mv = new ModelAndView(); List&lt;User&gt; userlist = adminService.showUser(); ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 516
精华内容 206
关键字:

ajax传值ssm