ajax

AJAX.js

 

 

function createXMLHttpRequest() {
 xmlhttp = false;

 if (window.ActiveXObject) {
  try {
   xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
   xmlhttp.overrideMimeType('text/xml');
  } catch (e) {
   try {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
   } catch (e) {

   }
  }
 } else if (window.XMLHttpRequest) {
  xmlhttp = new XMLHttpRequest();
 }

 return xmlhttp;
}

function onAjaxSubmit(url) {
 http_request = createXMLHttpRequest();
 http_request.onreadystatechange = onAjaxBack;
 http_request.open('post', url, true);
 http_request.send(null);
}

 

 

common.js

 

function getContextPath() {
 var strPath = window.document.location.pathname;
 var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1);
 if (postPath.charAt(0) != "/") {
  postPath = "/" + postPath;
 }
 return postPath;
}

function submitForm(btn) {
 btn.form.submit();
 return true;
}

 

jsp画面

 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="pragma" content="no-cache">
<link rel="stylesheet" href="<c:url value='/styles/maz.css'/>" type="text/css"/>
<script type="text/javascript" src="<c:url value='/js/arxAjax.js'/>"></script>
<script type="text/javascript" src="<c:url value='/js/common.js'/>"></script>
<script type="text/javascript" src="<c:url value='/js/check.js'/>"></script>

 

 

  function ajax(){
   var monitortarget = document.getElementById("monitortarget").value;
   document.getElementById("flag").value = "2";
   onAjaxSubmit(getContextPath() + "/datRed001Ajax2.do?monitortarget=" + monitortarget);
  }

 

 

  function onAjaxBack() {
      if (http_request.readyState == 4) {
          if (http_request.status == 200) {
               var flag = document.getElementById("flag").value;

               if (flag == "1") {
                   document.getElementById("monitorparameter_id").innerHTML = http_request.responseText;
               } else if (flag == "2") {
                  document.getElementById("monitorsite_id").innerHTML = http_request.responseText;
               }
          }
      }
  }

 

 

java 端

 

 @RequestMapping("/datRed001Ajax2.do")
 public String getMonitorsite(@RequestParam("monitortarget") String monitortarget, ModelMap model) {

  List<MonitorsitelistBean> monitorsitelist = clinic.ajaxGetMonitorSite(monitortarget);

  MonitorsitelistBean monitorsitelistBean = null;
  
  StringBuffer sb = new StringBuffer();
  sb.append("<select name='monitorsite' id='monitorsite' multiple='true' size='4' style='width:50%'>");
  
        for (int i = 0; i < monitorsitelist.size(); i++) {
         monitorsitelistBean = monitorsitelist.get(i);
   sb.append("<option value='");
   sb.append(monitorsitelistBean.getSiteid());
   sb.append("'>");
   sb.append(monitorsitelistBean.getSitename());
   sb.append("</option>");
  }
        sb.append("</select>");

  AjaxBean ajaxBean = new AjaxBean();
  ajaxBean.setAjaxOut(sb.toString());
  model.addAttribute("ajaxBean", ajaxBean);
  return "ajax";
 }