springmvc加json加ajax要怎么配置

发布网友发布时间：2022-04-09 16:13

共2个回答

懂视网时间：2022-04-09 20:34

div class="tab_tip"> 请输入[身份证号或姓名] <input type="text" class="tab_getText" id="tab1_getText"> <input type="button" class="tab_selectButton" id="tab1_selectButton" value="查询"> </div>  <table class="table" id="table1" cellspacing="0" cellpadding="0"> <tr> <th>个人编号</th> <th>身份证号</th> <th>姓名</th> <th>性别</th> <th>民族</th> <th>出生年月</th> <th>参加工作时间</th> <th>缴费基数</th> <th>单位编号</th> <th>单位简称</th> <th>人员状态</th> </tr> </table>

2. JavaScript处理代码

$(function(){
  $("#tab1_selectButton").unbind(‘click‘).click(function(){
  var tab1_getText = $.trim(document.getElementById("tab1_getText").value);
  if(tab1_getText != ""){
   $.ajax({
   type:"POST",
   url:"getStaffAllSelect/"+tab1_getText+"/0",
   async:false,
   dataType:"json",
   success:function(data){
    $(".staffallinfotr").remove();
    for(i=0;i<data.length;i++){
    $("#table1").append(‘<tr class="staffallinfotr"><td>‘+data[i].sid+‘</td><td>‘+data[i].sino+‘</td><td>‘+data[i].sname+‘</td><td>‘+data[i].ssex+‘</td><td>‘+data[i].snation+‘</td><td>‘+data[i].sbirth+‘</td><td>‘+data[i].sdaj+‘</td><td>‘+data[i].pbase+‘</td><td>‘+data[i].cid+‘</td><td>‘+data[i].csn+‘</td><td>‘+data[i].sstate+‘</td></tr>‘);
    }
   },
   error:function(){
    alert("error");
   },
   complete : function(XMLHttpRequest,status){
    　　　if(status==‘timeout‘){
    　　　　　 ajaxTimeoutTest.abort(); 
    　　　　 alert("超时"); 
    　　　} 
   } 
   
   });
  }else{
   alert("请输入个人编号或姓名!");
  }
  });
 });

3.Controller类中方法(注：StaffAllSelectDTO：和前端jsp页面中的table字段相同，因为代码过长，就不再贴出)

@RequestMapping("/getStaffAllSelect/{sname}/{start}")
 public @ResponseBody List<StaffAllSelectDTO> getStaffAllSelect(@PathVariable String sname, @PathVariable int start){
 List<StaffAllSelectDTO> staffAllSelectDTOList = staffServices.getStaffAllSelectByName(sname, start, 10);
 for(int i=0;i<staffAllSelectDTOList.size();i++){
  System.out.println(staffAllSelectDTOList.get(i));
 }
 return staffAllSelectDTOList;
 }

4. Services类中方法

@Override
 public List<StaffAllSelectDTO> getStaffAllSelectByName(String sname, int start, int limit) {
 // TODO Auto-generated method stub
 List<Staff> staffList = staffDAO.getStaffsByName(sname, start, limit);
 List<StaffAllSelectDTO> staffAllSelectDTOList = staffFactory.staffAndStaffPaymentToStaffAllSelectDTO(staffList);
 return staffAllSelectDTOList;
 }

5. DAO类中方法

@Override
 public List<Staff> getStaffsByName(String sname, int start, int limit) {
 // TODO Auto-generated method stub
 Map<String, Object> map = new HashMap<String, Object>();
 map.put("sname", sname);
 map.put("start", start);
 map.put("limit", limit);
 return getSqlSession().selectList("com.staff.entity.StaffMapper.getStaffsByName", map);
 }

6. DTO: StaffAllSelectDTO：和前端jsp页面中的table字段相同，因为代码过长，就不再贴出)

7. Mybatis

<select id="getStaffsByName" parameterType="Map" resultMap="StaffResult">
 select s.sid,s.sino,s.sname,s.ssex,s.snation,s.sbirth,s.sdaj,s.sstate,s.spbase,s.cid,c.csn,c.cname from staffinfo s, companyinfo c where s.cid = c.cid
 <if test="sname != null and !"".equals(sname)">and s.sname like CONCAT(‘%‘,#{sname,jdbcType=VARCHAR},‘%‘)</if>
 <if test="start!=null and limit!=null"> 
 limit #{start},#{limit} 
 </if> 
 </select>

Spring注解处理Ajax请求-JSON格式[系统架构:Spring+SpringMVC+MyBatis+MySql]

标签：lin 系统 err 相同 str method list size 架构

热心网友时间：2022-04-09 17:42

加入对springmvc需要jackson支持包的引入
<dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.6.3</version></dependency><dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-core</artifactId> <version>2.6.3</version></dependency><dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-annotations</artifactId> <version>2.6.3</version></dependency>
不引入支持包，在debug下，spring会抛出异常
配置spring-servlet.xml
<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<ref bean="mappingJackson2HttpMessageConverter" />
</list>
</property>
</bean>
<bean id="mappingJackson2HttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/html;charset=UTF-8</value>
<value>text/json;charset=UTF-8</value>
<value>application/json;charset=UTF-8</value>
</list>
</property>
</bean>
具体使用方法：
使用注解@ResponseBody可以将结果（一个包含字符串和JavaBean的Map），转换成JSON。使用 @RequestBody 注解前台只需要向 Controller 提交一段符合格式的 JSON，Spring 会自动将其拼装成 bean。
ajax json前端请求示例
jQuery.ajax( {
type : 'GET',
contentType : 'application/json',
url : 'user/list',
dataType : 'json',
success : function(data) {
if (data && data.success == "true") {
$('#info').html("共" + data.total + "条数据。<br/>");
$.each(data.data, function(i, item) {
$('#info').append(
"编号：" + item.id + "，姓名：" + item.username
+ "，年龄：" + item.age);
});
}
},
error : function() {
alert("error")
}
});
后台java controller类
@Controller
@RequestMapping("/user")
public class DemoController {

@RequestMapping(value = "/list", method = RequestMethod.GET)
@ResponseBody
public Map<String, Object> getUserList() {
logger.info("列表");
List<UserModel> list = new ArrayList<UserModel>();
UserModel um = new UserModel();
um.setId("1");
um.setUsername("sss");
um.setAge(222);
list.add(um);
Map<String, Object> modelMap = new HashMap<String, Object>(3);
modelMap.put("total", "1");
modelMap.put("data", list);
modelMap.put("success", "true");
return modelMap;
}
}