每次用Ajax，都需要这么复杂吗？

wrost 2012-05-02 06:15:44

我每次创建一个对象，都要这样复杂吗？



"testAjax.htm" 文件：<html> 

　　<body> 

　　<script type="text/javascript"> 

　　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 false; 

　　} 

　　} 

　　} 

　　} 

　　</script> 

　　<form name="myForm"> 

　　用户： <input type="text" name="username" /> 

　　时间： <input type="text" name="time" /> 

　　</form></body> 

　　</html>

首先声明一个保存 XMLHttpRequest 对象的 xmlHttp 变量。
　　然后使用 XMLHttp=new XMLHttpRequest() 来创建此对象。这条语句针对 Firefox、Opera 以及 Safari 浏览器。假如失败，则尝试针对 Internet Explorer 6.0+ 的 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP")，假如也不成功，则尝试针对 Internet Explorer 5.5+ 的 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")。
　　假如这三种方法都不起作用，那么这个用户所使用的浏览器已经太过时了，他或她会看到一个声明此浏览器不支持 AJAX 的提示。

...全文

293 20 打赏收藏转发到动态举报

写回复

用AI写文章

20 条回复

切换为时间正序

请发表友善的回复…

发表回复

wrost 2012-05-11

打赏
举报

[Quote=引用 17 楼的回复:]
引用 16 楼的回复:

引用 15 楼的回复:
找个框架做Ajax好得多。

你的框架是什么意思？

刚接触，不大懂

jquery学一学。
[/Quote]

好的，OK

街头小贩 2012-05-11

打赏
举报

不懂就多看书多动手练,搞不懂就会动嘴吗?不会动脑和动手吗

Swing_J2EE_SOA 2012-05-11

打赏
举报

[Quote=引用 16 楼的回复:]

引用 15 楼的回复:
找个框架做Ajax好得多。

你的框架是什么意思？

刚接触，不大懂
[/Quote]
jquery学一学。

bisolutions 2012-05-11

打赏
举报

网上有很多成熟的ajax框架（楼上各位已经说的很清楚了）。建议哥们好好度娘一下

wrost 2012-05-10

打赏
举报

[Quote=引用 15 楼的回复:]
找个框架做Ajax好得多。
[/Quote]

你的框架是什么意思？

刚接触，不大懂

Swing_J2EE_SOA 2012-05-10

打赏
举报

找个框架做Ajax好得多。

lpxiang1990 2012-05-10

打赏
举报

把创建XMLHttpRequest的函数独立到一个js文件中，每次通过调用来创建新对象。

break_happy 2012-05-10

打赏
举报

jquery

最后一个菜鸟 2012-05-07

打赏
举报

代码重用

happy664618843 2012-05-06

打赏
举报

$.get $.post

yeaky 2012-05-06

打赏
举报

学习一下jquery吧，简单多了

happy664618843 2012-05-06

打赏
举报

$.get
$.post
$.ajax jquery多方便

wrost 2012-05-03

打赏
举报

[Quote=引用 7 楼的回复:]
可以将ajax封装起来，每次调用就很方便了，楼主搜下 ajax类
[/Quote]

谢谢大家，我刚开始学，慢慢消化下。

001007009 2012-05-03

打赏
举报

可以将ajax封装起来，每次调用就很方便了，楼主搜下 ajax类

L_X_CSND 2012-05-03

打赏
举报

将都会用到的提取出来独立的放在js中，再去引用就可以了

sunshiwu66 2012-05-02

打赏
举报

可以用jquery ,一句话搞定；
$(document).ready(function(){
$("#userpass").blur(function(){
var password=$("#userpass").val();
var name=$("#username").val();
if(password==""||password==null){
$("#pass").html("请输入密码! ");
b=false;
}else if(!/^[a-zA-Z0-9_]{6,16}$/.test(password)){
$("#pass").html("输入格式不正确!密码应至少6为数字或字符 ");
b=false;
}else{
$.get("LoginAjaxPassword",{"userpass":encodeURI(encodeURI(password)),"username":encodeURI(encodeURI(name))},function(response){
$("#pass").html(response);
if(response==""+"√"+""){
b=true;
}
});

}
return b;
});

$("#login-submit").click(function(){
var autologin=document.getElementById("autologin").checked;
if(a&&b){
//if($("#autologin").attr("checked")==true){
if(autologin==true){
//${"#login-user-form"}.attr("action","AutoLogin");
//$("#login-user-form").submit();
document.form.action="AutoLogin";
document.form.submit();
}else{
//${"#login-user-form"}.attr("action","Login");
//$("#login-user-form").submit();
document.form.action="Login";
document.form.submit();
}
} else{}
});

});

</script>

xmlife 2012-05-02

打赏
举报

定义上面的函数,
调用时创建实例即可:



var xmlHttp = CreateHTTPObject();

	if (!xmlHttp)

	{

		return; //无法创建 xmlhttp 对象

	}



xmlHttp.open("GET", url, true);

	xmlHttp.onreadystatechange = function(){HandleRequest(xmlHttp, "元素ID")};

	xmlHttp.send(null);

xmlife 2012-05-02

打赏
举报



function CreateHTTPObject()

{

    var xmlhttp;    

    try

    {

        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

    }

    catch (e)

    {

        try

        {

            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

        }

        catch (e)

        {

            xmlhttp = false;

        }

    }

    

    if (!xmlhttp && typeof XMLHttpRequest!='undefined')

    {

        try

        {

			xmlhttp = new XMLHttpRequest();

		}

        catch (e)

        {

			xmlhttp=false;

		}

    }

    

    if (!xmlhttp && window.createRequest)

    {

        try

        {

            xmlhttp = window.createRequest();

        }

        catch (e)

        {

            xmlhttp=false;

        }

    }

    

    return xmlhttp;

}