中止请求和超时 跨域的HTTP请求 认证方式 JSONP

// 发起HTTP GEt请求获取指定URl的内容
// 如果响应成功到达，将会传入responseText给回调函数
// 如果响应在timeout毫秒内没有到达，将会中止这个请求
function timedGetText(url, timeout, callback) {
	var request = new XMLHttpRequest();	// 创建新请求
	var timedout = false;	// 是否超时，设置标志
	// 启动计时器，在timeout毫秒后将终止请求
	var timer = setTimeout(() => {	// 设置计时器，将在timeout时间之后执行该操作，不同于直接定义，是直接
		timedout = true;	// 设置标记
		request.abort();	// 直接中止请求
	}, timeout);	// 直接终止请求
	request.open('GET', url);
	request.onreadystatechange = () => {	// 定义事件处理程序，如果事件处理完成，直接终止计时器
		if (request.readyState !== 4) return;	// 如果此时仍然有没有下载完成的，直接忽视,等待计时器取消
		if (timedout) return;	// 确定此时仍然没有超时,如果此时仍然没有超时，直接取消
		cleraTimeout(timer);	// 此时已经执行完成任务，取消计时器
		if (request.status === 200)	// 对回调函数的处理
			callback(request.responseText);	// 如果请求成功，将会直接返回成功的文本，并调用回调函数
	};
	request.send(null);	// 直接发送请求（此请求为异步操作）
}

// 根据指定的URL发送一个JSONP请求
function getJSONP(url) {
	// 为本次请求创建一个唯一的回调函数名称，将会拼接成 getJSONP.cb3
	// 将会拼接成 ?jsonp=getJSONP.cb3
	var cbnum = 'cb' + getJSONP.counter++;	// 自增计算器
	var cbname = "getJSONP." + cbnum;	// 作为JSONP函数的属性

	// 将回调函数名以表单彪马的形式添加到url的？后面部分中
	// 使用JSONP作为参数名
	if (url.indexOf('?') === -1) // 如果url没有查询部分
		url += '?jsonp=' + cbname;	// 进行添加参数，拼接成为完整的url
	else // 否则
		url += "&jsonp" + cbname;	// 将会作为新的参数进行添加

	// 创建script元素用于发送请求
	var script = document.createElement('script');

	// 触发HTTP请求,直接操作DOM创建script节点，让浏览器加载
	script.src = url;
	document.body.appendChild(script);
}