页面端写为:
var api = "http://192.168.2.139/WebTest/api/search/getProjectStatusList";
var name = $("#firstForm input[name='name']").val();
$.ajax(
{
type: 'post',
url : api,
//async: false,
dataType : 'jsonp',
jsonpCallback:'callback',
data: {'name':name},
success : function(json){
//TODO
},
error : function(XMLHttpRequest,textStatus,errorThrown) {
//TODO
}
}
);
后端写为:
@RequestMapping(method=RequestMethod.GET,value="getProjectStatusList",produces="text/html;charset=UTF-8")
@ResponseBody
public String getProjectStatusList(HttpServletRequest request,
HttpServletResponse response){
Map<String,Object> map = new HashMap<String,Object>();
try{
String callback = request.getParameter("callback");
//System.out.println("token:"+request.getHeader("token"));
List<String> list = ss.getProjectStatusList();
map.put("status", "success");
map.put("data", list);
ObjectMapper mapper = new ObjectMapper();
//这个拼接是重点。。。
String result = callback+"("+mapper.writeValueAsString(map)+")";
//String result = mapper.writeValueAsString(map);
return result;
}catch(Exception e){
JSONObject jo = new JSONObject();
jo.put("status", "fail");
jo.put("data", e.getMessage());
return jo.toString();
}
}
分享到:
相关推荐
secureuri: false, // 是否启用安全的跨域请求 fileElementId: 'file1', // 与文件输入字段ID相对应 dataType: 'json', // 预期服务器返回的数据类型 success: function (data, status) { console.debug(data);...
- 确保Spring MVC的MVC配置正确无误,特别是对于Ajax请求,可能需要设置跨域访问控制(CORS)。 - 如果返回的数据是JSON格式,使用`@ResponseBody`时,Spring MVC默认使用`MappingJackson2HttpMessageConverter`...
1. **设置Ajax请求**:在客户端,使用JavaScript库如jQuery的`$.ajax()`方法或原生的XMLHttpRequest对象创建一个Ajax请求。指定URL(通常是SpringMVC的Controller处理方法)、HTTP方法(GET或POST)、数据以及回调...
`ajaxFileUpload.js`依赖jQuery来执行Ajax请求,因此在使用前需要先引入jQuery。 接下来,我们需要在`Spring MVC`项目中配置文件上传支持。在`spring-mvc.xml`配置文件中,我们需要添加`CommonsMultipartResolver`...
在给定的压缩包中,可能包含了客户端和服务端的代码示例,客户端可能是使用JavaScript或jQuery发起跨域请求,服务端则展示了如何配置和处理CORS请求。 6. **安全考虑**:虽然CORS提供了一种安全的跨域访问方式,但...
**SpringMVC跨域解决方案** 跨域问题在Web开发中是一个常见的挑战,它涉及到浏览器的安全策略,限制了JavaScript从一个源向另一个源发起HTTP请求的能力。简单来说,如果请求的URL与当前页面的源(协议+域名+端口)...
2. jQuery 或原生 JavaScript 的 Ajax 方法:在前端,我们通常使用jQuery库提供的$.ajax()方法或原生JavaScript的XMLHttpRequest对象来发起Ajax请求。这些方法支持POST或GET方式向服务器发送JSON数据,并能接收...
**Ajax学习:SpringMVC + JQuery + Ajax** Ajax(Asynchronous JavaScript and XML)技术是一种用于创建快速、动态网页的方法,它允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在这个主题...
**客户端jQuery AJAX请求示例**: ```javascript $.ajax({ type: "get", async: false, dataType: 'jsonp', url: 'http://sso.isy.cn/login.json', data: $("#loginForm").serialize(), crossDomain: true, ...
2. **定义Ajax请求**:在前端,使用JavaScript或jQuery库来发送Ajax请求。jQuery简化了Ajax操作,如下所示: ```javascript $.ajax({ url: '/ajaxRequest', type: 'POST', data: {param1: 'value'}, dataType: ...
在JavaScript端,我们可以使用jQuery、axios或其他库来发起AJAX请求。例如,使用jQuery的$.ajax或$.getJSON方法: ```javascript $.ajax({ url: '/ajaxRequest', type: 'POST', data: {key: 'value'}, ...
3. **编写Ajax请求**:在前端,我们通常使用JavaScript库,如jQuery,来简化Ajax请求的编写。以下是一个简单的jQuery示例: ```javascript $.ajax({ url: '/ajax/data', // 对应Spring MVC的URL type: 'GET', ...
Spring+SpringMvc+MyBatis框架 Redis缓存(Jedis客户端+连接池)实时热门数据统计 Spring Mail + Spring Task完成异步发送激活链接,邮件发送,验证 Jquery BootStrap Ajax springBoot Guava Cache(java...
确保前端代码使用适合IE8的Ajax实现,例如jQuery的$.ajax方法,并处理好跨域请求。 文件结构方面,`index.jsp`应该是应用的主入口页面,可能包含用于发送Ajax请求的JavaScript代码。`WEB-INF`目录通常存放应用的...
本文提供了一个完整的SpringMVC上传图片代码实例,涵盖了前端H5、JQuery、FormData对象、AJAX上传文件、SpringMVC的文件上传和跨域资源共享等知识点。通过阅读本文,大家可以快速了解如何使用SpringMVC实现图片上传...
- **安全性问题**:学习如何解决跨域请求的问题以及其他安全相关的注意事项。 ### SSM框架 SSM框架指的是Spring、SpringMVC和MyBatis三个开源框架的组合。它们常被用于搭建JavaWeb应用的架构层。 #### 关键知识点...
8. **jQuery和其他库**:可能会介绍jQuery简化Ajax操作的方法,以及其他流行库如axios、fetch API等。 这个视频教程对于想要提升Web开发技能,尤其是希望了解和使用Ajax的开发者来说,是一份宝贵的学习资源。通过...
它通过创建隐藏的IFrame和表单来模拟文件提交,避免了浏览器对跨域限制的问题,同时利用Ajax进行数据传输,实现无刷新的交互。 2. **Spring MVC 4.2**: Spring MVC是Spring框架的一部分,用于构建Web应用程序。...
在项目的`index.jsp`文件中,我们可以使用JavaScript或jQuery发起Ajax请求,向`/user/{username}`发送GET请求,以获取并显示用户信息。`META-INF`和`WEB-INF`目录下的文件通常包含了应用的配置信息和Web应用的结构。...
3. **Ajax处理**:使用jQuery的$.ajax方法,因为它很好地兼容了IE6,同时注意处理JSONP以跨域请求。 4. **Dojo或YUI等库**:这些库专门处理老版本IE的兼容性问题,可以考虑引入以优化用户体验。 5. **文档类型声明**...