首页 / AJAX / ajax.js

ajax.js

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ajax.js，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2164字，纯文字阅读大概需要4分钟。

内容图文

一直用 都是jquery和angular的ajax库，也没看过源码，真是惭愧，一知半解，通过学习了解下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="智能社 - zhinengshe.com" />
<meta name="copyright" content="智能社 - zhinengshe.com" />
<title>智能社 - www.zhinengshe.com</title>
<script src="myAjax5.js"></script>
<script>

window.onload = function(){
	var oBtn = document.getElementById("btn1");
	oBtn.onclick = function(){
		$.ajax({
			url:"post.php",
			data:{
				a:22,
				b:22
			},
			type:"get",
			timeout:-1,
			success:function(str){
				alert(str);
			},
			error:function(){
				alert("失败");
			}
		});
	};
};
</script>
</head>

<body>

<input id="btn1" type="button" value="按钮"/>

</body>
</html>

技术分享 技术分享 
<?php


$a = $_GET["a"];
$b = $_GET["b"];

echo $a + $b;

?>
View Code
技术分享 技术分享 
                //
                版权 北京智能社?, 保留所有权利
                var $ = {};
$.ajax = ajax;

function json2url(json){
    var arr = [];
    json.t = Math.random();
    for(var name in json){
        arr.push(name + "=" + encodeURIComponent(json[name]));
    }
    return arr.join("&");
}

//options url,data,type,timeout,success,errorfunction ajax(options){
    options = options || {};
    if(!options.url){
        alert("请输入url,别太懒了！");
        return ;
    }

    options.data = options.data || {};
    options.type = options.type || "get";
    options.timeout = options.timeout || 0;

    var str = json2url(options.data);

    //1 创建if(window.XMLHttpRequest){
        var xhr = new XMLHttpRequest();
    } else {
        var xhr =  new ActiveXObject("Microsoft.XMLHTTP");
    }

    if(options.type == "get"){
        //2 连接
        xhr.open("get",options.url +"?"+str,true);
        //3 发送请求        xhr.send();
    } else {

        //2 连接
        xhr.open("post",options.url,true);

        xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

        //3 发送请求        xhr.send(str);
    }


    //4 接收数据
    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4){//完成            clearTimeout(timer);
            if(xhr.status >= 200 &&　xhr.status　< 300 || xhr.status == 304){
                options.success && options.success(xhr.responseText);
            } else {
                options.error && options.error(xhr.status);
            }
        }
    };

    if(options.timeout){
        var timer = setTimeout(function(){
            xhr.abort();
        },options.timeout)
    }
}
View Code

 

原文：http://www.cnblogs.com/heboliufengjie/p/4725359.html

内容总结

以上是互联网集市为您收集整理的ajax.js全部内容，希望文章能够帮你解决ajax.js所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1208144.html

来源：【匿名】