关于springmvc的ajax操作

关于web.xml中的配置:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://java.sun.com/xml/ns/javaee"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
id="WebApp_ID" version="3.0">
<display-name>springmvc02</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.htm</welcome-file>
<welcome-file>default.jsp</welcome-file>
</welcome-file-list>
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<context-param>  
<param-name>contextConfigLocation</param-name>
<param-value>
/WEB-INF/springmvc-*.xml
</param-value>
</context-param><!-- 最早被加载的文件之一 -->
<servlet><!-- spring mvc 的支持 配置文件 -->
<servlet-name>spring</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet><!-- 当有人来访问的时候 才被初始化 -->
<servlet-mapping>
<servlet-name>spring</servlet-name>
<url-pattern>*.spring</url-pattern>
</servlet-mapping>
</web-app>


springmvc中的配置:

<!-- 启动注解驱动 -->
<mvc:annotation-driven/>
<!--启用自动扫描  -->
<context:component-scan 
base-package="com.wode.controller" />


<!-- ViewResolver视图解析器 用于将返回的ModelAndView对象进行分离 -->
<bean class="org.springframework.web.servlet.view.UrlBasedViewResolver">
<property name="viewClass"
value="org.springframework.web.servlet.view.JstlView"></property>
<property name="prefix" value="/"></property>
<property name="suffix" value=".jsp"></property>
</bean>


当我们使用ajax向服务器传送数据时,如:

$("#obt").on("click",function(){
$.ajax({
type:"POST",
data:{name:"name"},
url:"doAjax.spring",
success:function(msg){
for(var i=0;i<msg.length;i++){
alert(msg[i].name);
}
}
})
})

使用ResponseBody向前台发送数据

@RequestMapping(path="doAjax")//通过参数确定我们到底使用的这个类中的哪一个方法
public @ResponseBody List<UserBean> doAjax(HttpServletRequest req){ 

String name=req.getParameter("name");
List<UserBean> users=new ArrayList<>();
for(int i=1;i<11;i++){
UserBean bean=new UserBean();
bean.setUsername("张三"+i);
bean.setPassword("123");
users.add(bean);
}
return users; //json的使用
}


如果从前台向服务器传送数据怎么办呢?我们可以这样做:

$("#obt1").on("click",function(){
var users=[];
var user1={name:"zhangsan",pwd:"123"};
var user2={name:"lisi",pwd:"321"};
users.push(user1);
users.push(user2);
$.ajax({
type:"POST",
data:$.toJSON(users),
contentType:"application/json",
url:"doAjax2.spring",
success:function(msg){
for(var i=0;i<msg.length;i++){
alert(msg[i].name);
}

}
})

})


后台使用RequestBody来接收参数

public @ResponseBody List<UserBean> doAjax2(@RequestBody List<UserBean> users){ 

//pw.print;
return users; //json的使用
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值