javascript学习笔记一

最新推荐文章于 2024-07-19 12:58:53 发布

sbje36

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量305

点赞数

分类专栏：共享文章标签： javascript xmlhttprequest function ajax button login

本文链接：https://blog.csdn.net/sbje36/article/details/4460103

版权

共享专栏收录该内容

4 篇文章 0 订阅

订阅专栏

现在正在学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'未定义

sbje36

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript学习笔记一

现在正在学JavaScript，也做了一些简单的测试，在此记录一下下面这段代码是一个简单的采用面向对象编写的js类，也就是是个Ajax js代码Ajax = function() { var xmlhttp = false; var responsemsg = ""; // 创建XMLHttpRequest对象，并赋值给变量xmlHttp // 该方法为一公有实例方法 var
复制链接

扫一扫