给初学ajax友人的一个小demo
日期：2014-05-16 浏览次数：20714 次
给初学ajax朋友的一个小demo
[color=green][/color]
第一个方法用来创建XMlHttpRequest
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX！");
}
}
}
return xmlHttp;
}
第二个用来进行异部提交
function change(){
var xmlhttp;
//这里调用了上面的方法
xmlhttp= ajaxFunction();
xmlhttp.onreadystatechange=callback;
//这里用来向服务器创建一个异部请求，是一个相当关键的一步，可以是一个servlet的位置，也可以是一个struts中的action位置
xmlhttp.open("GET","firstajaxpage.jsp",true);
xmlhttp.send(null);
function callback()
{
if(xmlhttp.readyState==4)
{
document.myForm.time.value=xmlhttp.responseText;
}
}
}
[color=green][/color]
第一个方法用来创建XMlHttpRequest
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX！");
}
}
}
return xmlHttp;
}
第二个用来进行异部提交
function change(){
var xmlhttp;
//这里调用了上面的方法
xmlhttp= ajaxFunction();
xmlhttp.onreadystatechange=callback;
//这里用来向服务器创建一个异部请求，是一个相当关键的一步，可以是一个servlet的位置，也可以是一个struts中的action位置
xmlhttp.open("GET","firstajaxpage.jsp",true);
xmlhttp.send(null);
function callback()
{
if(xmlhttp.readyState==4)
{
document.myForm.time.value=xmlhttp.responseText;
}
}
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
