Ajax 框架之SSM整合框架實現(xiàn)ajax校驗
更新時間:2017年04月24日 09:03:54 投稿:mrr
這篇文章主要介紹了Ajax 框架之SSM整合框架實現(xiàn)ajax校驗,需要的朋友可以參考下
剛學(xué)習(xí)了ssm框架,ajax校驗成功,分享下
1.導(dǎo)入jar包

2.配置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>
3.控制器中用@ResponseBody實現(xiàn)返回json數(shù)據(jù)格式
@ResponseBody
@RequestMapping(value="queryByUser", method=RequestMethod.POST,produces="application/json;charset=UTF-8")
public User queryByName(User user,HttpServletRequest request){
User u = userBiz.queryByName(user);
return u;
}
4.頁面中接收查詢到的結(jié)果
function checkUser(){
var username=$("#username").val();
$.ajax({
url:"queryByUser",
type:"post",
data:{"username":username},
dataType:"json",
success:function(data){
if (data!=null ) {
$("#userSpan").text("用戶名已存在");
$("#username").val('');
}else if(data==null && username !=''){
$("#userSpan").text("用戶名可用");
}
}
});
}
實現(xiàn)結(jié)果就是以下這樣的:

以上所述是小編給大家介紹的Ajax 框架之SSM整合框架實現(xiàn)ajax校驗,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
使用加載圖片解決在Ajax數(shù)據(jù)加載中頁面出現(xiàn)短暫空白的問題(推薦)
在項目中用ajax異步獲取數(shù)據(jù)后有時會因為數(shù)據(jù)問題或者網(wǎng)絡(luò)問題,頁面一直顯示空白,現(xiàn)在用加載圖片來過渡這種狀態(tài),具體實例代碼通過本文一起學(xué)習(xí)吧2016-12-12
Ajax實現(xiàn)文件上傳功能(Spring MVC)
這篇文章主要為大家詳細(xì)介紹了Ajax實現(xiàn)文件上傳功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-02-02

