前端頁面javascript
<tr>
<td class="p_label"><span class="notnull"></span>用戶名:</td>
<td width="620px">
<sf:option value="">--請選擇--</sf:option>
<c:forEach items="${name}" var="a">
<sf:option value="${a.id}">${a.name}</sf:option>
</c:forEach>
</sf:select>
<span id="showResult"></span>
</td>
</tr>html
js代碼前端
<script type="text/javascript">
$('input.btn-ok').click(function() {
$.ajax({
type:"POST", //http請求方式
url:"/tokenScope/isExist", //發送給服務器的url
data:{id:id}, //發送給服務器的參數
dataType:"json",
success: function(msg){
if(msg == false){
$("#showResult").html("<font color='red'>應用名已存在</font>");
}else{
if (!$.trim(id)) {
alert('應用名必填!');
return;
}
$('#addForm').submit();
}
},
error: function(msg){
alert("服務器異常!");
}
});
});
</script>java
java後臺代碼ajax
@ResponseBody
@RequestMapping(value = "/isExist", produces = "application/json")
public boolean isExist(Model model,String id) {
XXX xx=XXXService.getXXXById(id);
return scope != null ? false : true;
} json