场景

前端通过ajax提交json格式的数据，后台接受到实现具体的业务后

返回给前端消息提示。

实现

html页面代码

 <button id="printBtn" class="btn btn-info " type="button"><i class="fa fa-trash-o"></i> 打印</button>

调用js部分代码

//打印按钮点击事件$("#printBtn").click(function () {var data = t.rows(['.selected']).data()[0];if(undefined===data){swal({type: 'warning',title: '提示:',text: '请首选选择一行数据！',confirmButtonColor: "#1ab394",})}else{printCode(data.id);}});

ajax请求方法

function printCode(id){debugger$.ajax({type: 'POST',url: "/wmsReceiveOrder/doPrintPostRequest",cache: false,  //禁用缓存data:JSON.stringify({"id":id}),contentType: "application/json",dataType: "json",success: function (result) {debuggeralert(result.message)}})return false;
}

来到url所对应的后台Controller中的方法

@ResponseBody@RequestMapping(value = "/doPrintPostRequest")public Map<String, Object> doPrintPostRequest(@RequestBody Map<String, Object> params) {Map<String, Object> result = new HashMap<String, Object>();Object PrintId = params.get("id");String paramID="";if(PrintId!=null){paramID=PrintId.toString();}result.put("statusCode",  "200");result.put("message", "参数是："+ paramID);return result;}

效果

Jquery中使用ajax传json参数并从SpringBoot后台Controller返回消息相关推荐

jquery中ajax中的参数,jquery中的ajax参数
jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...
jQuery系列（十四）：jQuery中的ajax
1.什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在 ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
第六章 jQuery中的Ajax应用
第六章 jQuery中的Ajax应用 1.Ajax:客户端javascript所发起的http请求的代号,无刷新的数据更新. 2.编程模型: (1).同步代码:按钮按下执行耗时操作等待执行返回 ...
Java程序员从笨鸟到菜鸟之（八十九）跟我学jquery（五）jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...
Jquery中使用ajax请求SSM后台时提示：org.springframework.http.converter.HttpMessageNotReadableException: Could no
场景 Jquery中使用ajax向SSM后台请求数据时提示: org.springframework.http.converter.HttpMessageNotReadableException: C ...
用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
六、jQuery 中的 AJAX 跨域问题
第 2 章:jQuery 中的 AJAX 官方中文文档:https://jquery.cuishifeng.cn/jQuery.Ajax.html 2.1 get 请求 $.get(url, [dat ...
ajax post 没有返回_Ajax异步技术之三：jQuery中的ajax学习
jQuery中的Ajax学习: jQuery是js的一个轻量型框架,已经将js创建的操作进行了封装,而ajax也是js的一部分,所以jQuery也已经将ajax进行了封装. 封装: $.get(url ...

Jquery中使用ajax传json参数并从SpringBoot后台Controller返回消息

场景

实现

效果

Jquery中使用ajax传json参数并从SpringBoot后台Controller返回消息相关推荐

最新文章

热门文章