Ajax 框架之SSM整合框架實(shí)現(xiàn)ajax校驗(yàn)
剛學(xué)習(xí)了ssm框架,ajax校驗(yàn)成功,分享下
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實(shí)現(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.頁(yè)面中接收查詢(xún)到的結(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("用戶(hù)名已存在"); $("#username").val(''); }else if(data==null && username !=''){ $("#userSpan").text("用戶(hù)名可用"); } } }); }
實(shí)現(xiàn)結(jié)果就是以下這樣的:
以上所述是小編給大家介紹的Ajax 框架之SSM整合框架實(shí)現(xiàn)ajax校驗(yàn),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
使用Ajax或Easyui等框架時(shí)的Json-lib的處理方案
這篇文章主要介紹了使用ajax或easyui等框架時(shí)的Json-lib的處理方案 ,需要的朋友可以參考下2017-06-06零基礎(chǔ)學(xué)習(xí)AJAX之AJAX的簡(jiǎn)介和基礎(chǔ)
本系列我們將來(lái)逐步學(xué)習(xí)ajax,作為本系列的開(kāi)篇文章,我們還是俗套些,先來(lái)講解下ajax的簡(jiǎn)介和基礎(chǔ)知識(shí)吧。2015-01-01AJAX應(yīng)用實(shí)例之檢測(cè)用戶(hù)名是否唯一(實(shí)例代碼)
本文通過(guò)實(shí)例代碼給大家介紹了AJAX應(yīng)用實(shí)例之檢測(cè)用戶(hù)名是否唯一,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-09-09jquery ajax多次請(qǐng)求數(shù)據(jù)時(shí) 不刷新問(wèn)題的解決方法
下面小編就為大家?guī)?lái)一篇jquery ajax多次請(qǐng)求數(shù)據(jù)時(shí) 不刷新問(wèn)題的解決方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10琥珀無(wú)限級(jí)分類(lèi)聯(lián)動(dòng)菜單AJAX版
琥珀無(wú)限級(jí)分類(lèi)聯(lián)動(dòng)菜單AJAX版...2006-11-11jQuery+Ajax實(shí)現(xiàn)表格數(shù)據(jù)不同列標(biāo)題排序(為表格注入活力)
CSS也使得表格的布局越來(lái)越光彩耀人。但是,無(wú)論如何,都掩飾不了那些包裝下的死板,接下來(lái)為大家介紹下讓那些死板的數(shù)據(jù) 更具有可讀性、可用性2013-04-04