ajax 與數據庫進行數據傳輸

在頁面請求ajax對象，設置相應的參數進行提交，此例是後臺進行登錄代碼的驗證：

<tr> <td width="15%" nowrap="nowrap" class="title_item">園區代碼</td> <td><html-el:text property="login_code" styleId="login_code" maxlength="20" style="width:200px;" />  <span style="color:#ff0000;" mce_style="color:#ff0000;" id="star">*</span> <span id="loading" style="display:none;" mce_style="display:none;"> <img src="${ctx}/images/loading.gif" mce_src="${ctx}/images/loading.gif" style="vertical-align:middle; margin: 2px;" mce_style="vertical-align:middle; margin: 2px;" />正在處理... </span> </td> </tr>

對應js

var xmlHttp = new XMLHttpRequest(); var doc = document; $("#login_code").blur(function(){ if(this.value.length != 0){ var url = "Garden.do?method=getGardenCode&login_code="+this.value; xmlHttp.onreadystatechange = function(){ var isExistCode = xmlHttp.responseText; if(xmlHttp.readyState == 4){ doc.getElementById("loading").style.display = "none"; if(isExistCode == 1){ doc.getElementById("star").innerHTML = '<span id="tip" style="color:#FF0000;" mce_style="color:#FF0000;"><img src="${ctx}/images/reg_error.gif" mce_src="${ctx}/images/reg_error.gif" /> 對不起，該園區代碼已存在！<//span>'; }else{ doc.getElementById("star").innerHTML = '<span id="tip" style="color:#5A8E4A;" mce_style="color:#5A8E4A;"><img src="${ctx}/images/reg_success.gif" mce_src="${ctx}/images/reg_success.gif" /> 恭喜，該園區代碼可用<//span>'; } }else{ doc.getElementById("loading").style.display = ""; } }; xmlHttp.open("POST",url,true); xmlHttp.send(null);

是jquery和script混用的~！~只要覺得方便，怎麼整都行

數據請求處理的action請求返回的typeContent類型大概有四種：

1 服務端需要返回一段普通文本給客戶端 --text/plain
2 服務端需要返回一段HTML代碼給客戶端 --text/html
3 服務端需要返回一段XML代碼給客戶端 --text/xml
4 服務端需要返回一段javascript代碼給客戶端-- text/javascript
5 服務端需要返回一段json串給客戶端 --text/x-json

public ActionForward getGardenCode(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { DynaBean dynaBean = (DynaBean) form; String login_code = (String) dynaBean.get("login_code"); UserInfo userInfoByCode = new UserInfo(); userInfoByCode.setRole_type(new Short("7")); String isExistCode = "null"; if (StringUtils.isNotBlank(login_code)) { userInfoByCode.setLogin_code(login_code); if (null == super.getFacade().getUserInfoService().getUserInfo(userInfoByCode)) { isExistCode = String.valueOf("0"); } else { isExistCode = String.valueOf("1"); } } super.render(response, isExistCode, "text/plain;charset=UTF-8"); return null; }

protected void render(HttpServletResponse response, String text, String contentType) { try { response.setContentType(contentType); response.getWriter().write(text); } catch (IOException e) { logger.error(e.getMessage(), e); } }