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或Easyui等框架時的Json-lib的處理方案
這篇文章主要介紹了使用ajax或easyui等框架時的Json-lib的處理方案 ,需要的朋友可以參考下2017-06-06零基礎(chǔ)學(xué)習(xí)AJAX之AJAX的簡介和基礎(chǔ)
本系列我們將來逐步學(xué)習(xí)ajax,作為本系列的開篇文章,我們還是俗套些,先來講解下ajax的簡介和基礎(chǔ)知識吧。2015-01-01AJAX應(yīng)用實例之檢測用戶名是否唯一(實例代碼)
本文通過實例代碼給大家介紹了AJAX應(yīng)用實例之檢測用戶名是否唯一,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-09-09jquery ajax多次請求數(shù)據(jù)時 不刷新問題的解決方法
下面小編就為大家?guī)硪黄猨query ajax多次請求數(shù)據(jù)時 不刷新問題的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10jQuery+Ajax實現(xiàn)表格數(shù)據(jù)不同列標(biāo)題排序(為表格注入活力)
CSS也使得表格的布局越來越光彩耀人。但是,無論如何,都掩飾不了那些包裝下的死板,接下來為大家介紹下讓那些死板的數(shù)據(jù) 更具有可讀性、可用性2013-04-04