六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 34|回复: 0

原始ajax例子

[复制链接]

升级  16%

20

主题

20

主题

20

主题

秀才

Rank: 2

积分
74
 楼主| 发表于 2013-1-29 10:32:25 | 显示全部楼层 |阅读模式
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
  <head>
    <title>原始ajax例子</title>
  </head>
  <body>
  <button id="btnajax">ajax调用</button>
  <br/>
  <div id="divResult"></div>
  <script type="text/javascript">
  //跨浏览器获取xmlhttpRequest对象
  function AjaxXhttpRequest(){
  var xmlHttp;
  try{
  xmlHttp = new XMLHttpRequest();
  
  }
  catch(e){
  try{
  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch(e){
  try{
  xmlHttp = new ActiveXObject("Microsoft.MXLHTTP");
  
  }
  catch(e){
  alert("您的浏览器不支持AJAX!");
  return false;
  }
  
  }
  }
  return xmlHttp;
  }
  //使用XMLHttpRequest对象发送请求
  var xhr = newAjaxXmlHttpRequest();
  document.getElementById("btnajax").onclick = function(){
  var xhr = new AjaxXmlHttpRequest();
  xhr.onreadystatechange = function(){
  if(xhr.readyState == 4){
  document.getElementById("divResult").innerHTML = xhr.responseTest;
  }
  }
  xhr.open("GET","../data/AjaxGetCityInfo.aspx?resultType = html",true);
  xhr.send(null);
  }
  </script>
  </body>
</html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表