• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

自定义的微型ajax框架JS代码

JavaScript 水墨上仙 1163次浏览

这段代码自定义了一个简单的微型ajax框架,如果只需要只用简单的ajax post,get等方法,完全没有必要是使用jQuery那种巨型框架,使用下面这个小的ajax框架即可

var ajax = {
    xhr: new XMLHttpRequest (),
	request: function (method, url, vars) {
		vars = JSON.stringify(vars);
		vars = vars.replace(/\{/g, '').replace(/\}/g, '').replace(/\"/g, '').replace(/:/g, '=').replace(/,/g, '&');
		
		ajax.xhr.open(method, url, true);
		ajax.xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		ajax.xhr.send(vars);
	},
	response: function (res) {
		ajax.xhr.onreadystatechange = function () {
			return res(ajax.xhr.responseText);
		};
	},
	get: function(url, vars, res) {
		ajax.request('GET', url, vars);
		ajax.response(res);
	},
	post: function(url, vars, res) {
		ajax.request('POST', url, vars);
		ajax.response(res);
	}
};

/*
	[object] ajax
	[method] get|post
		@param [string] url
		@param [object/json] vars
		@param [function] res (callback)
*/

ajax.post(
	'login.php',
	{
		'username':'demo',
		'password':'demo'
	},
	function (res) {
		console.log(res);
	}
);
This looks like a JavaScript file. Click this bar to format it.No 4


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明自定义的微型ajax框架JS代码
喜欢 (0)
加载中……