javascript学习笔记一

来源：互联网发布：数据回溯是什么意思编辑：程序博客网时间：2024/06/05 17:32

现在正在学JavaScript，也做了一些简单的测试，在此记录一下

下面这段代码是一个简单的采用面向对象编写的js类，也就是是个Ajax

js代码

Ajax = function() {
var xmlhttp = false;

xmlhttp = new XMLHttpRequest();
}
} ;

// 在执行交互过程中状态的改变
var createConn = function() {
//  window.alert("readyState:"+xmlhttp.readyState) ;
  if (xmlhttp.readyState != 4) {
   beforeConnectionSuc();
  } else {
   afterConnectionSuc();
  }
} ;

function beforeConnectionSuc() {
// window.alert("aaa");
}

function afterConnectionSuc() {
  responsemsg = xmlhttp.responseText;
//  window.alert(responsemsg);
  document.getElementById("result").innerHTML = responsemsg;
}

// 接口，用于服务器与客户端的交互
this.interactive = function(urlpath) {
  createXmlhttp() ;
  xmlhttp.open("post", urlpath, true);
  xmlhttp.onreadystatechange = createConn ; //今天就在这栽了跟头，
  xmlhttp.send("");
};

} ;

页面代码

<html>
<head>
  <title>My JSP 'MyJsp.jsp' starting page</title>
  <script type="text/javascript" src="clazz.js"></script>
  <script type="text/javascript">
  function callfun(urlpath){
   var ajax = new Ajax() ;
   ajax.interactive(paras) ;
   var login = document.getElementById("login") ;
   login.style.display = "none" ;
  }
  </script>
</head>

这里采用了古老的HttpServlet,这是代码的一部分

response.setContentType("text/html;charset=utf-8");
  try {
   PrintWriter write = response.getWriter() ;
   write.println("<input type='button' value='GO'/>") ;
   write.flush() ;
  } catch (IOException e) {
   e.printStackTrace();

}

这里我用firefox浏览器测试是没问题的，对IE浏览器报出错误，'Ajax'未定义