模拟ajax的 script请求
/**
* 模拟ajax的 script请求
* @param {[type]} options [description]
* @return {[type]} [description]
*/
function createAjax(options) { if (typeof url === "object") {
options = url;
url = undefined;
} options = options || {}; /**
* 参数
* jQuery.ajaxSetup 是默认参数
* @type {[type]}
*/
var s = jQuery.ajaxSetup({}, options); // Deferreds
// 异步机制
var deferred = jQuery.Deferred();
var completeDeferred = jQuery.Callbacks("once memory"); /**
* 实际返回的ajax对象
* @type {Object}
*/
var jqXHR = {} // 把jqXHR对象转化promise对象,幷加入complete、success、error方法
deferred.promise(jqXHR).complete = completeDeferred.add;
//别名
jqXHR.success = jqXHR.done;
jqXHR.error = jqXHR.fail; // 增加回调队列
// complete: function() {
// console.log('局部事件complete')
// },
// error: function() {
// console.log('局部事件error请求失败时调用此函数')
// },
// success: function() {
// console.log('局部事件success')
// }
for (i in {
success: 1,
error: 1,
complete: 1
}) {
jqXHR[i](s[i]);
} function send(_, complete) {
var script = jQuery("<script>").prop({
async: true,
charset: s.scriptCharset,
src: s.url
}).on(
"load error",
callback = function(evt) {
script.remove();
callback = null;
if (evt) {
complete(evt.type === "error" ? 404 : 200, evt.type);
}
}
);
document.head.appendChild(script[0]);
} function done(status, nativeStatusText, responses, headers) {
var isSuccess = status >= 200 && status < 300 || status === 304;
var success = jqXHR.success;
var error = jqXHR.error;
if (isSuccess) {
deferred.resolveWith(document, [success, jqXHR]);
} else {
deferred.rejectWith(document, [jqXHR, error]);
}
} //发送请求
send({
Accept: "text/javascript, application/javascript, application/ecmascri"
}, done); return jqXHR;
} function show(data){
$('body').append('<li>'+ data +'</li>');
} //执行一个异步的HTTP(Ajax)的请求。
var ajax = createAjax({
url: 'http://code.jquery.com/jquery-latest.js',
dataType: 'script',
//请求完成后回调函数 (请求success 和 error之后均调用)
complete: function() {
show('局部事件complete')
},
error: function() {
show('局部事件error请求失败时调用此函数')
},
success: function() {
show('局部事件success')
}
}) ajax.done(function() {
show('deferred done')
}).fail(function() {
show('deferred fail')
}).always(function() {
show('deferred lways')
})
模拟ajax的 script请求的更多相关文章
- 使用 jQuery Mockjax 插件模拟 Ajax 请求
		
在实际的开发过程中,前端后台协商好了统一的接口,就各自开始自己的任务了.这时候我有这么一个 Ajax 请求需要从后台获取数据: $.ajax({ url: '/products/' }).done(f ...
 - VueJS搭建简单后台管理系统框架 (二) 模拟Ajax数据请求
		
开发过程中,免不了需要前台与后台的交互,大部分的交互都是通过Ajax请求来完成,在服务端未完成开发时,前端需要有一个可以模拟Ajax请求的服务器. 在NodeJs环境下,通过配置express可访问的 ...
 - POSTMAN模拟AJAX请求
		
环境: 1.测试工具:POSTMAN 2.调试框架:THINKPHP 3.开发工具:PHPSTORM 需求: 1.判断HTTP提交过来的请求是否为AJAX: 是:进行,修改.新增 否:进行查询,并返回 ...
 - 模拟ajax请求爬取微博
		
#!/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2018/9/26 10:26 # @Author : Sa.Song # @Desc ...
 - 为什么返回的数据前面有callback?    ashx/json.ashx?的后面加 callback=? 起什么作用  js url?callback=xxx xxx的介绍 ajax 跨域请求时url参数添加callback=?会实现跨域问题
		
为什么返回的数据前面有callback? 这是一个同学出现的问题,问到了我. 应该是这样的: 但问题是这样的: 我看了所请求的格式和后台要求的也是相同的.而且我也是这种做法,为什么他的就不行呢? ...
 - 利用gulp搭建本地服务器,并能模拟ajax
		
工作中可能会用到的小工具,在此记录一下.可以实现的功能有: 本地http服务器 页面实时刷新 可以模拟ajax请求 第一步,新建package.json文件.用到了gulp.gulp-webserve ...
 - 浅谈linux 下,利用Nginx服务器代理实现ajax跨域请求。
		
ajax跨域请求对于前端开发者几乎在任何一个项目中都会用到,众所周知,跨域请求有三种方式: jsonp; XHR2 代理: jsonp: 这种应该是开发中是使用的最多的,最常见的跨域请求方法,其实aj ...
 - 解决ajax跨域请求  (总结)
		
ajax跨域请求,目前已用几种方法实现: 1)用原生js的xhr对象实现. var url="http://freegeoip.net/json/" ...
 - 模拟ajax的同异步
		
今天突然想到那只在app中,如果请求数据时用的是app提供的接口,如果该接口没有同异步的话,怎么办. 所以就捣腾了下. 模拟ajax同异步. var VshopDataApi = { queryArr ...
 
随机推荐
- T-SQL Recipes之Organizing and Archiving Data
			
The Problem 当我们处理存档数据或内存数据时,我们想要自定义命名表名,数据库,架构加上日期,时间,或者应用名时,用标准的TSQL来实现是比较困难的. 假设我们有一张日志表,增长速度异常快.但 ...
 - Leetcode  Kth Smallest Element in a BST
			
Given a binary search tree, write a function kthSmallest to find the kth smallest element in it. Not ...
 - java的基础知识运算符
			
一.运算符. 1.算数运算符:+,-,*,/,% 2.自增自减 :++ ,-- ++在前 先运算在赋值 ++在后 先赋值后运算 -- 减减同上. 3.赋值运算符 : = ,+=,-=,*=,/= 4. ...
 - ADO.NET-SqlHelper
			
class Sqlhelper { //数据库连接字符 private static string connstr = ConfigurationManager.ConnectionStrings[& ...
 - java基础3_循环语句,数组
			
java中的循环: Java中提供了3中循环结构: while do-while for ① 循环结构的作用? 可以不断重复执行循环结构中的代码: ② 上面的3个循环结构功能都是一样的,只是结构 ...
 - Jquery.load() 使用
			
调用load方法的完整格式是:load( url, [data], [callback] ) url:是指要导入文件的地址. data:可选参数:因为Load不仅仅可以导入静态的html文件,还可以导 ...
 - Redis 的安装与使用(linux)
			
官方教程:http://www.redis.io/download 1.下载Redis # wget http://download.redis.io/releases/redis-3.0.4.tar ...
 - web程序的路径笔记
			
"/"与”\“区别:”/“是unix系统区分文件层级的标志,因为当前web应用程序在服务器端大都使用基于unix系统开发的操作系统,所以web程序包括浏览器里url都遵以”/“来区 ...
 - css屏蔽元素的鼠标事件pointer-events
			
// 屏蔽点击 $('body').css('pointer-events', 'none'); //恢复默认 $('body').css('pointer-events', 'auto'); 用 ...
 - 实例讲解 SQL 注入攻击
			
这是一篇讲解SQL注入的实例文章,一步一步跟着作者脚步探索如何注入成功,展现了一次完整的渗透流程,值得一读.翻译水平有限,见谅! 一位客户让我们针对只有他们企业员工和顾客能使用的企业内网进行渗透测试. ...