前端jsp与后端servlet传值(java web)

简介: jsp中js使用jQuery封装好的 $.ajax()方法与服务器进行交互 var jsonStick = this.strtoJson(); $.

jsp中js使用jQuery封装好的 $.ajax()方法与服务器进行交互

  var jsonStick = this.strtoJson();
  $.ajax({
                type : 'post',//不起作用 要用jsonP
                url : 'controllerServlet',//要传输数据对象的地址
                contentType : "application/x-www-form-urlencoded",//转化为form表单传值
                data : {
                    "js" : jsonStick
                }, //前面的js是服务端获取的ID 后面的jsonStick是处理后的json对象
                cache : false,
                dataType : 'text',//这个关系到你能不能正确接收到servlet 响应的数据
                async : false, //因为ajax默认是异步调用的,所以得到的返回值是空值,要得到值必须改成同步:async: false
                success : function(data) {
                    //console.log(data);
                    flag = data; //采用全局变量flag接收数据(data未作处理)
                },
                error : function(msg) { //ajax请求失败后触发的方法
                    //弹出错误信息
                    console.log(msg);
                }
            });
  //数据处理函数
  function() {
            //'':this.note.name,
            var arr = [];
            var json = {};
            json.note_id = this.id
            json.note = this.text;
            json.left = this.left;
            json.top = this.top;
            json.zindex = this.zIndex;
            if (this.sqlId == null) {
                this.sqlId = 0;
            }
            json.sqlId = this.sqlId;
            arr.push(json);
            var jsonStick = JSON.stringify(arr);//格式化json数据
            return jsonStick;
        }

servlet接收 处理 响应

protected void doGet(.........){
  String js = request.getParameter("js");//接收jsp传过来的数据
  JSONArray json = JSONArray.fromObject(js);//对数据进行数组转化
  JSONObject jsonOne = json.getJSONObject(0);//获取确定的json对象
  boolean flag = true;
  PrintWriter out = response.getWriter();
  out.print(flag);//将flag传给jsp
  out.close();
}

jsp接收响应 并对数据进行处理

  $.ajax({
            type : 'post',
            url : 'sendServlet',
            cache : false,
            dataType : 'json',
            async : false, //因为ajax默认是异步调用的,所以得到的返回值是空值,要得到值必须改成同步:async: false
            success : function(data) {
                //console.log(data.result.note)
                for (var i in data) {

                    console.log(data[i])
                    note = new Note();
                    note.id = data[i].note_id;
                    note.text = data[i].note;
                    note.timestamp = new Date().getTime();
                    note.left = data[i].left;
                    note.top = data[i].top;
                    note.zIndex = data[i].zindex;


                }
            },
            error : function(msg) { //ajax请求失败后触发的方法
                //弹出错误信息
                console.log(msg);
            }
        });

中间用到的jar包以及js

https://pan.baidu.com/s/1XEOkM1as_10I92WAzooBuA
密码:gix8
目录
相关文章
|
3月前
|
JSON 前端开发 Java
震惊!图文并茂——Java后端如何响应不同格式的数据给前端(带源码)
文章介绍了Java后端如何使用Spring Boot框架响应不同格式的数据给前端,包括返回静态页面、数据、HTML代码片段、JSON对象、设置状态码和响应的Header。
198 1
震惊!图文并茂——Java后端如何响应不同格式的数据给前端(带源码)
|
3月前
|
前端开发 小程序 Java
java基础:map遍历使用;java使用 Patten 和Matches 进行正则匹配;后端传到前端展示图片三种情况,并保存到手机
这篇文章介绍了Java中Map的遍历方法、使用Pattern和matches进行正则表达式匹配,以及后端向前端传输图片并保存到手机的三种情况。
37 1
|
2月前
|
SQL XML 缓存
java中jsp详解!!!
JSP(Java Server Pages)是一种动态网页技术标准,允许在HTML页面中嵌入Java代码,实现网页逻辑与设计分离。JSP本质上是Servlet的简化,支持跨平台运行。JSP通过内置对象(如request、response、session等)和指令(如page、include、taglib)提供强大的功能,同时利用EL表达式和JSTL标签库简化页面开发。JSP的核心优势在于快速开发和维护Web应用。
67 0
|
3月前
|
Java 应用服务中间件 Spring
【终极解决方案】Could not open ServletContext resource [/WEB-INF/dispatcher-servlet.xml]
【终极解决方案】Could not open ServletContext resource [/WEB-INF/dispatcher-servlet.xml]
58 0
|
4月前
|
机器学习/深度学习 数据采集 JavaScript
ADR智能监测系统源码,系统采用Java开发,基于SpringBoot框架,前端使用Vue,可自动预警药品不良反应
ADR药品不良反应监测系统是一款智能化工具,用于监测和分析药品不良反应。该系统通过收集和分析病历、处方及实验室数据,快速识别潜在不良反应,提升用药安全性。系统采用Java开发,基于SpringBoot框架,前端使用Vue,具备数据采集、清洗、分析等功能模块,并能生成监测报告辅助医务人员决策。通过集成多种数据源并运用机器学习算法,系统可自动预警药品不良反应,有效减少药害事故,保障公众健康。
ADR智能监测系统源码,系统采用Java开发,基于SpringBoot框架,前端使用Vue,可自动预警药品不良反应
|
5月前
|
缓存 安全 Java
Java服务器端技术:Servlet与JSP的集成与扩展
Java服务器端技术:Servlet与JSP的集成与扩展
54 3
|
5月前
|
存储 缓存 前端开发
Servlet与JSP在Java Web应用中的性能调优策略
Servlet与JSP在Java Web应用中的性能调优策略
51 1
|
5月前
|
C# 数据可视化 开发者
WPF开发者福音:深度解析OxyPlot与LiveCharts图表库,轻松实现数据可视化不再是难题!
【8月更文挑战第31天】在WPF应用中,数据可视化对提升用户体验至关重要。本文介绍并演示了两种流行图表库OxyPlot和LiveCharts的集成与使用方法。OxyPlot是一款适用于.NET应用的开源图表库,提供多种图表类型,易于集成。LiveCharts则以其丰富的图表类型和动画效果,特别适合实时数据展示。通过具体代码示例,本文展示了如何利用这两种图表库创建折线图和柱状图,并详细说明了安装和配置步骤。希望本文能帮助开发者在WPF应用中轻松实现高效、美观的数据可视化。
285 0
|
5月前
|
存储 Java 关系型数据库
基于Servlet和JSP的Java Web应用开发指南
基于Servlet和JSP的Java Web应用开发指南
132 0
|
3月前
|
Java 容器
【学习笔记】Jsp与Servlet技术
【学习笔记】Jsp与Servlet技术
101 0

热门文章

最新文章