SpringMVC环境下实现的Ajax异步请求(JSON格式数据) 推荐 原创 pangfc 2016-04-25 22:52:38 博主文章分类:Spring ©著作权 文章标签 Ajax JSON jQuery 文章分类 jQuery 前端开发 ©著作权归作者所有:来自51CTO博客作者pangfc的原创作品,请联系作者获取转载授权,否则将追究法律责任 一 环境搭建首先是常规的spring mvc环境搭建,不用多说,需要注意的是,这里需要引入jackson相关jar包,然后在spring配置文件“springmvc-servlet.xml”中添加json解析相关配置,我这里的完整代码如下:<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:cOntext="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd"> <!-- 避免IE执行AJAX时,返回JSON出现下载文件 --> <bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"> <property name="supportedMediaTypes"> <list> <value>text/html;charset=UTF-8</value> <value>application/json;charset=UTF-8</value> </list> </property> <property name="objectMapper"> <bean class="org.codehaus.jackson.map.ObjectMapper"> <property name="dateFormat"> <bean class="java.text.SimpleDateFormat"> <constructor-arg type="java.lang.String" value="yyyy-MM-dd HH:mm:ss"></constructor-arg> </bean> </property> </bean> </property> </bean> <!-- 启动Spring MVC的注解功能,完成请求和注解POJO的映射 --> <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"> <property name="messageConverters"> <list> <ref bean="mappingJacksonHttpMessageConverter" /><!-- json转换器 --> </list> </property> </bean> <mvc:annotation-driven content-negotiation-manager="contentNegotiationManager" /> <bean id="contentNegotiationManager" class="org.springframework.web.accept.ContentNegotiationManagerFactoryBean"> <!-- true,开启扩展名支持,false关闭支持 --> <property name="favorPathExtension" value="false" /> <!-- 用于开启 /userinfo/123?format=json的支持 --> <property name="favorParameter" value="true" /> <!-- 设置为true以忽略对Accept Header的支持 --> <property name="ignoreAcceptHeader" value="false" /> <property name="mediaTypes"> <value> atom=application/atom+xml html=text/html json=application/json xml=application/xml *=*/* </value> </property> </bean> <context:annotation-config /> <!-- 启动自动扫描该包下所有的Bean(例如@Controller) --> <context:component-scan base-package="cn.zifangsky.controller" /> <mvc:default-servlet-handler /> <!-- 定义视图解析器 --> <bean id="jspViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="requestContextAttribute" value="rc" /> <property name="viewClass" value="org.springframework.web.servlet.view.JstlView" /> <property name="prefix" value="/WEB-INF/jsp/" /> <property name="suffix" value=".jsp" /> <property name="order" value="1"></property> </bean> </beans>项目结构:注:我这里测试使用的完整jar包:http://pan.baidu.com/s/1dEUwdmL仅供参考二 测试实例(1)在WEB-INF/jsp目录下新建了一个index.jsp文件,包含了简单的jQuery的ajax请求,请求数据的格式是JSON,具体代码如下:<%@ page language="java" cOntentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <html> <head> <meta http-equiv="Content-Type" cOntent="text/html; charset=UTF-8"> <base href="<%=basePath%>"> <script type="text/Javascript" src="scripts/jquery/jquery-1.6.2.min.js"></script> <script type="text/Javascript" src="scripts/jquery/jquery.i18n.properties-min-1.0.9.js"></script> <script type="text/Javascript" src="scripts/jquery/jquery.autocomplete.js"></script> <script type="text/Javascript" src="scripts/jquery/jquery.loadmask.js"></script> <script type="text/Javascript" src="scripts/jquery/jquery.form.js"></script> <script type="text/Javascript" src="scripts/jquery/jquery.timers.js"></script> <title>jQuery i18n</title> <script type="text/Javascript"> $().ready( function() { $("#sub").click( function() { var name = $("#username").val(); var age = 18; var user = {"username":name,"age":age}; $.ajax({ url : 'hello.json', type : 'POST', data : JSON.stringify(user), // Request body contentType : 'application/json; charset=utf-8', dataType : 'json', success : function(response) { //请求成功 alert("你好" + response.username + "[" + response.age + "],当前时间是:" + response.time + ",欢迎访问:http://www.zifangsky.cn"); }, error : function(msg) { alert(msg); } }); }); }); </script> </head> <body> <input type="text" id="username" style="width: 100px; height: 30px; font-size: 20px; font-weight: bold;"> <input type="button" id="sub" value="Go" style="height: 40px; height: 30px;"> <br> </body> </html>(2)一个简单的model类User,代码如下:package cn.zifangsky.controller; public class User { private String username; private int age; public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } }(3)controller类TestController.java:package cn.zifangsky.controller; import java.text.Format; import java.text.SimpleDateFormat; import java.util.Date; import java.util.HashMap; import java.util.Map; import org.springframework.context.annotation.Scope; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.servlet.ModelAndView; @Controller @Scope("prototype") public class TestController { /** * 转到页面 */ @RequestMapping(value = "/hello.html") public ModelAndView list() { ModelAndView view = new ModelAndView("index"); return view; } /** * ajax异步请求, 请求格式是json */ @RequestMapping(value = "/hello.json", method = { RequestMethod.POST }) @ResponseBody public Map<String, String> hello(@RequestBody User user) { // 返回数据的Map集合 Map<String, String> result = new HashMap<String, String>(); Format format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); // 返回请求的username result.put("username", user.getUsername()); // 返回年龄 result.put("age", String.valueOf(user.getAge())); // 返回当前时间 result.put("time", format.format(new Date())); return result; } }关于具体的执行步骤我简单说一下:i)项目启动后,在浏览器中访问:http://localhost:8089/SpringDemo/hello.html,然后会转到执行controller中的list方法,接着会转到/WEB-INF/jsp/index.jsp(PS:在controller中返回的是逻辑视图,跟在springmvc-servlet.xml文件中定义的路径前缀和后缀进行拼接后合成文件的真正路径)ii)在index.jsp页面输入文字然后点击按钮,将会触发ajax请求,这个请求会获取输入框中的数据和默认的“age”参数拼接成json格式字符串最后提交到“hello.json”这个请求,也就是执行controller中的hello方法iii)hello方法执行完毕后会返回一系列数据最后在页面中显示出来(4)效果如下: 赞 收藏 评论 分享 举报 上一篇:Java基础系列15:JDBC中使用元数据分析数据库 下一篇:WordPress实现上传文件自动重命名 提问和评论都可以,用心的回复会被更多人看到 评论 发布评论 全部评论 () 最热 最新 相关文章 python 请求返回的json取值 goods_list-商品列表apitaobaoke.goods_list公共参数请求地址: https://api-gw-4.cn/taobaoke/goods_list名称类型必须描述keyString是调用key(必须以GET方式拼接在URL中)secretString是调用密钥api_nameString是API接口名称(包括在请求地址中)[item_search,item_get,ite 类目 API 二级 使用Python进行异步HTTP请求的实践指南 在现代Web开发中,异步HTTP请求成为了提升应用性能和用户体验的关键手段之一。Python,作为一门功能强大的编程语言,提供了多种实现异步请求的方法。本篇博客将介绍如何使用Python进行异步HTTP请求,并通过详细的代码案例,帮助你理解和掌握这一技术。使用aiohttp进行异步请求aiohttp是一个支持异步请求的HTTP客户端/服务器框架。要开始使用aiohttp,首先需要安装该库:pip 异步请求 HTTP Python 数仓的两种轻量级数据交换格式:json与jsonb JSON(Javascript Object Notation)是一种轻量级的数据交换格式,常用于将数据从服务器发送到Web应用程序。 JSON 数据 JSONB GaussDB(DWS) SpringMvc+ajax 实现json格式数据传递 转自[(http://www.cnblogs.com/andyfengzp/p/6184752.html)传JSON对象前端function test () { var param = {username : "yitop"}; $.ajax({ timeout : 20000, type : "POST", dataType : "JS springmvc教程 springmvc jquery下的json格式ajax实现 前言 ajax大大地方便了前台页面的显示,提升了用户体验,提高了资源的利用率。而jquery支持的ajax方法又为ajax的实现提供了封装,免去了繁琐的浏览器兼容判断与response返回数据状态判断。 jquery的ajax支持String、XML和JSON机种格式,而随着现在类库的不断完善,现在可以很方便 ajax json jquery AJAX异步请求(C#、JAVA)、HTMl ajax异步请求数据(JQuery异步请求ajax,Javascript异步请求ajax) **AJAX异步请求获取数据**AJAX = Asynchronous Javascript and XML(异步的 Javascript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许Javascript在浏览器上执行。... Javascript 异步请求 JQury实现ajax异步请求 第一种 $.ajax()举例如下ajax.html代码如下:一定要记得提前在html文件中引用jquery,应该在web工程中运行,要记得启动tomca ajax html java Ajax系列——XMLHttpRequest实现Ajax异步请求 1、用原生的JS代码实现AJAX页面关键部分的JS如下://创建XMLH WEB前端 xml 服务器 请求参数 json格式ajax的post请求方式 1.java代码如下:packagecom.eduask;importjava.io.IOException;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;i... json java Javascript ViewUI xml Springmvc 的post请求的json格式参数 背景: 这两天在项目中遇到了一个问题。我的环境是springmvc4.1.9,写了几个可以用ajax请求的接口(ajax、jsonp 调用正常)。突然一时兴起就用 HTTP 请求的工具(比如火狐浏览器的插件HTTPRequester,fiddler等等)来访问一下我的接口,然后就傻眼了,传入到后台的方法不能正常得到数据。分析: 这里我们只做get请求和post 请求 分析。 1) sprin json spring ajax Ajax异步请求 异步请求四步1、创建异步请求对象==> let xhr = new XMLHttpRequest();readyState=02、给异步对象绑定事件==》xhr.Onreadystatechange= function(){}请求状态码readyState发生改变(除0以外),该函数执行一次3、初始化异步请求对象==>xhr.open("请求方式","请求路径","true");re 异步请求 状态码 ajax SpringMVC 实现返回一段数据 & 实现自动发送json格式数据 - AJAX SpringMVC 实现返回一段数据 & 实现自动发送json格式数据 - AJAX 实现返回一段数据 - AJAX当页面通过AJAX来访问Controller时,期望得到的不是一个页面而是一段数据,此时可以使用如下方法,直接向相应中写入数据: /** * 直接向响应中写出数据,通常用在AJAX请求的响应中 */ @RequestMapping Java Sping springmvc ajax json的使用 spring mvc 3开始,提供了对json的直接支持。这部分的支持功能包括把返回信息转化成json和将request body内容转换成json。spring 给出了一个svn, json java 测试 spring mvc Ajax实现异步操作实例_针对XML格式的请求数据 js分类中有一节【原生js异步请求,XML解析】主要说明了js前台是如何处理XML格式请求和如何接受由服务器返回的XML数据的解析,今天我将用一个实例来说明具体要如何操作.前台的参数类型也是XML使用的是jquery:123456789101112131415161718192021function... xml ajax 属性值 数据 子节点 ajax java 返回json数据格式 ajax请求返回json数据 jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。代码示例如下:$('#send').click(function () { $.ajax({ type : "GET", url : "a.php", jquery ajax json 异步请求 json数据 java ajax如何实现异步 ajax怎么异步请求的 Ajax,即Asynchronous Javascript And XML”(异步 Javascript 和 XML),是指一种创建交互式网页应用的网页开发技术 ajax异步请求的方式共有两种:GET和POST一.GET方式请求步骤:1.创建XMLHttpRequest对象:xhr //createXMLHttpRequ java ajax如何实现异步 ajax技术 json技术 servlet技术 js技术 ajax java json数据 ajax请求json数据 之前跟着视频学习时候就了解到,ajax是可以不刷新整个页面情况下,进行数据交换和更新。学习完后,为了加深理解,特地重新研究了下ajax和JSON之间的交互。注意,要使用ajax,需要先引用jquery!1.1、在pom引入json和jackson的jar包<!--json--> <dependency> <groupId>net.sf.jso ajax java json数据 json ajax spring java springmvc 异步 springmvc异步请求 运行环境声明Java SE 8Tomcat 8.5.5(Servlet 3.1)Spring Framework 4.3.3.RELEASESpring MVC的两种异步处理方式1.异步处理结束后才开始生成HTTP响应这种方式是把耗时逻辑任务的执行与服务器的管理线程相分离,从而实现多线程的并行。因为HTTP响应在异步处理结束之后才生成,因此从客户端看来与同步处理无异。2.在异步处理时已经开始生成H java springmvc 异步 spring servlet mvc java ajax获取springmvc后台数据 springmvc处理ajax请求 目录一:@RequestBody二:@RequestBody获取json格式的请求参数三:@ResponseBody四:@ResponseBody响应浏览器json数据五:@RestController注解准备工作:①创建maven工程②添加相关依赖,和添加web模块③配置web.xml,如配置处理1.编码过滤器,2.请求方式的过滤器,3.前端控制器④创建springmvc.xml,并进行配置⑤创 ajax获取springmvc后台数据 ajax java User 请求参数 springmvc异步调用 springmvc异步请求 今日内容SpringMVC异步请求响应(Json)跨域问题及解决方式SpringMVC中的拦截器SpringMVC的异常处理SpringMVC实现文件上传Restful风格1. 异步调用1.1 发送请求接收参数原则:后台在Handler方法形参上添加一个注解@RequestBody读取异步请求,请求正文的内容请求的json格式字符串的层级结构和形参层级结构一致,即可完成自动封装。页面异步发送请求/ springmvc异步调用 web java ajax 点击事件