原始ajax例证
日期：2014-05-16 浏览次数：20759 次
原始ajax例子
<%@ 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>
<%@ 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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
