ajax与后台交互传输数据的工具类

public class Result<T> implements Serializable {

    private static final long serialVersionUID = 3637122497350396679L;

    private boolean success;
    private T data;
    private String msg;

    public Result() {
    }

    public Result(boolean success) {
        this.success = success;
    }

    public boolean isSuccess() {
        return success;
    }

    public void setSuccess(boolean success) {
        this.success = success;
    }

    public T getData() {
        return data;
    }

    public void setData(T data) {
        this.data = data;
    }

    public String getMsg() {
        return msg;
    }

    public void setMsg(String msg) {
        this.msg = msg;
    }

    public Result(boolean success, String msg) {
        super();
        this.success = success;
        this.msg = msg;
    }

    public Result(boolean success, T data) {
        super();
        this.success = success;
        this.data = data;
    }

}

该类为前后台交互提供了非常大的便捷:

下面是前后台的ajax交互:

前台ajax代码:

$.ajax({
            url: "<%=request.getContextPath()%>/supp/deleteSupp",
            data : {supplierId:supplierId},
            async: false, //请求是否异步,默认为异步,这也是ajax重要特性
            type: "GET",   //请求方式
            success: function(data) {
                var rs = eval(‘(‘+data+‘)‘);
                flag = rs.success;
                if(flag){
                    alert("删除成功!");
                }
            }
        });

下面是后台java代码:

    @RequestMapping("/deleteSupp")
    @ResponseBody
    public Result<String> deleteSupplier(HttpServletRequest request){
        Result<String> rs = new Result<>();
        String supplierId = request.getParameter("supplierId");
        supplierService.deleteSupplierById(supplierId);
        rs.setSuccess(true);
        return rs;
    }
时间: 2024-10-14 05:24:12

ajax与后台交互传输数据的工具类的相关文章

利用ajax与后台交互容易出现的问题及解决办法

Ajax在当今的前后台交互中可以说是很火的.那么在使用ajax与后台交互的过程中我们会遇到哪些小问题呢. 使用get方法的时候: 1.浏览器的缓存问题:当我们多次访问同一个地址的时候,浏览器不会每次都更新地址,而是将第一次访问到的数据缓存起来,后面访问同样地址的时候直接从缓存中获取数据,而不会从服务器中读取数据,因此如果我们改变后台中的数据,我们访问时数据将不会更新,访问到的数据也不会改变.如何解决这个问题呢?这时我们可以在"url?"后面用"&"符号连接一

通过PHP前端后台交互/通过ajax前端后台交互/php基础传输数据应用/简单的留言版/简单的注册账户/简单的登录页/

  前  言  PHP     通过上一篇博客,注册账号与登录页面--前后台数据交互  跳转转到index主页,接下来进入主页留言板功能,通过ajax向后台传输数据,同时发表留言. 具体的内容分析如下: ① PHP中的数据传输-->>--在主页先添加基础HTML5基本框架,通过form表单提交数据 >>由主页传输给主页后台-->>主页后台经过转码保存实例化的文件 ②主页后台通过判断(是否保存文件)使用输出语句输出true或false,前台通过ajax中的post中的fu

通过ajax前端后台交互/登录页和注册页前端后台交互详解/前端后台交互基础应用/几个后台函数的基础应用/php文件函数基础应用/php字符传函数基础应用/php数组函数基础应用

  前  言  PHP     学习了好久的PHP,今天做一个可以后台交互的登录页和注册页,没做什么判断,简单的了解一下. 具体的内容分析如下: ① PHP中的数据传输-->>由注册页传输给注册页后台-->>注册页后台经过转码保存实例化的文件 ② 在登录页输入账户密码,点击登录时,获得触发函数:获得由后台传输过来的true或者false---转换页面或者弹出输入错误.    登录页后台获取保存账户密码的实例化文件,通过转码,if判断之后传输给前台登录页TURE或者FALSE. 总共

Spring Mvc模式下Jquery Ajax 与后台交互操作

1.基本代码 1)后台控制器基本代码 @Controller @RequestMapping("/user") public class UserController { @Autowired private UserService userService;//服务 @ResponseBody @RequestMapping(value="/getUser/*访问路径自己设置*/", method = RequestMethod.POST) public Objec

Vue中使用Ajax与后台交互

一.下载依赖包 npm install --save axios 二.封装 ajax 请求模块 1. api/ajax.js /* ajax 请求函数模块 */ import axios from 'axios' export default function ajax (url = '', data = {}, type = 'GET') { return new Promise(function (resolve, reject) { let promise if (type === 'GE

[PDFBox]后台操作pdf的工具类

PDFBox是Apache下的一个操作pdf的类库.其也提供了一个命令行的工具,也提供了java调用的第三方类库. 下载地址:https://pdfbox.apache.org/ 下面的实验基于JDK8+pdfbox-2.0.13.jar+pdfbox-app-2.0.13.jar(命令行工具库) 1.命令行使用 文档参考:https://pdfbox.apache.org/2.0/commandline.html 命令行工具可以提取pdf中的图片.文本,合并pdf与拆分pdf,pdf转换为图片

使用Bootstrap的popover标签中嵌入插件,并且为插件注册事件实现Ajax与后台交互

下午研究了一下bootstrap的popover写了个例子.如果项目很多地方都需要用到可以考虑封装成插件. javascript代码: 1 <script type="text/javascript"> 2 var _types = '0'; 3 var _status = '0'; 4 5 $(function () { 6 LoadFilter(); 7 }); 8 9 function search() { 10 $.ajax({ 11 .... 12 }); 13

基于JavaScript封装的Ajax工具类

前段是件由于工作需要无奈编写了一个给予JavaScript封装的工具类,技术有限,误喷,感谢大家的支持. 1.以下是JavaScript 的 Ajax 工具类. function createXMLHttpRequest(){ var req; if(window.XMLHttpRequest){ //兼容非IE 并且兼容 IE7以上的浏览器 req = new XMLHttpRequest(); }else if(window.ActiveXObject){ //在 Internet Expl

Ajax使用jQuery与后台交互

Ajax使用jQuery与后台交互 Ajax使用jQuery与后台交互 前言 Ajax Ajax的优点 XmlHttpRequest对象 数据篇 jquery-form的方式提交数据 自定义数据篇 自定义上传的数据 文件篇 前台使用ajaxuploadjs对文件进行上传 后台使用commons-fileuploadjar上传文件 MyFilejava文件 UploadUtiljava工具 JAR包 项目下载路径 后言 前言 Ajax Ajax就是异步JavaScript and XML缩写. A