ホームページ > 記事 > ウェブフロントエンド > SSM統合フレームワークを使用したajax検証機能の実装方法
今回は、SSM 統合フレームワークを使用して ajax 検証機能を実装する方法を説明します。SSM 統合フレームワークを実装する際に、ajax 検証機能で使用できる 注意事項 について説明します。 。
SSM フレームワークを学習しました。Ajax 検証が成功したので共有します1. 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>
コントローラーを設定します。 @ResponseBody を使用して json データ形式を返します @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;
}
クエリ結果を受け取ります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("用户名可用");
}
}
});
}
実装結果は次のとおりです:
この記事の事例 さらにエキサイティングな方法については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
Ajax+Spring によるファイルアップロードの実装Ajax を使用してデータを動的にロードする方法以上がSSM統合フレームワークを使用したajax検証機能の実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。