- /*
- *点击按钮,想办法让客户端知道与服务器正在通信
- 1、创建一个xmlhttprequest对象
- 2、发送请求
- 3、服务器返回一个响应(不是一个页面)
- */
- window.onload = function(){
- document.getElementById("ok").onclick = function(){
- /*
- * 1、创建一个xmlhttprequest对象
- 2、发送请求
- 1、打开连接
- 2、发送请求
- 3、服务器返回一个响应(不是一个页面)
- */
- //1
- var xmlhttp = ajaxFunction();
- //3
- /*
- * onreadystatechange
- * 注意事项:
- * 1、xmlhttp对象的一个方法
- * 2、这个方法的执行应该是触发,并且由服务器触发
- * 3、充当客户端和服务器端通信的桥梁
- * 4、onreadystatechange函数接受到服务器的状态值和test.js的其他js代码是异步的过程
- */
- var a;
- xmlhttp.onreadystatechange = function(){
- // var b = 5;//服务器返回的值
- // a = b;
- // alert("1");
- if(xmlhttp.readyState==4){//响应完毕
- if(xmlhttp.status==200){//成功响应
- //alert("aaaa");
- alert("aa"+xmlhttp.responseText);
- }
- }
- }
- //alert(a);
- //2
- /*
- * method 方法类型
- * get post
- * url 请求一个servlet
- */
- alert("2");
- xmlhttp.open("get","../HelloWorldServlet",true);
- /*
- * 因为get方法不传递数据到服务器端,所以这里为null
- */
- xmlhttp.send(null);
- }
- }
- //该片段来自于http://www.codesnippet.cn/detail/141120137171.html
来源: http://www.codesnippet.cn/detail/141120137171.html