当开发简单页面的时候,不需要引入任何js库,这时需要封装一个用到 XMLHttpRequest 对象的好用的接口请求. simple 封装如下 ajaxRequest({ url: '', method: 'POST', type: 'json', data: {}, success: function(res) { console.log(res) }, erro: function(err) { console.log(err) } }) function ajaxRequest(optio

由于拖延症的严重以及年前准备年会(借口*^__^*) 导致这个小的的思考  现在才算完成 再怎么说也算是上班以来带我的前辈第一次这么正式的给我出题 不管是出于尊重还是自我要求我都决定把它简要的记下来 ......   1.了解prototype        原型对象的作用,就是定义所有实例对象共享的属性和方法.具体理解见实际操作中   2.给String Date等对象增加继承方法   要求结果:比如var date = "2016-01-01 00:00:00";date.form

用了一段时间的Ajax,感觉有很多的不足之处,于是就封装原生了 XMLHttpRequest . 废话不多说,直接上代码. var http = function () { 'use strict'; //strict mode var get = function (options) { if (!options.url) throw "url is not defined"; options.type = "get"; request(options); };

一.Ajax   1.原理:基于http协议的     内置对象:XMLHttpRequest 发起请求 那会相应     步骤: var xhr=new XMLHttpRequest(); // 请求行 请求方式 请求地址 xhr.open(请求方式,请求地址) xhr.open("post",'01.php'); // console.log(xhr); // 请求头 在post提交方式下必须写,get则不写 xhr.setRequestHeader('Content-type',

Promise的基本使用: 利用Promise是解决JS异步执行时候回调函数嵌套回调函数的问题, 更简洁地控制函数执行流程: 通过new实例化Promise,  构造函数需要两个参数, 第一个参数为函数执行成功以后执行的函数resolve, 第二个函数为函数执行失败以后执行的函数reject: new Promise(function(resolve , reject) { }); 通过Promise,我们把回调函数用线性的方式写出来,而不是一层套一层, 这个函数有四层回调: fn("args&

回到目录 说在前 Cors是个比较热的技术,这在蒋金楠的博客里也有体现,Cors简单来说就是“跨域资源访问”的意思,这种访问我们指的是Ajax实现的异步访问,形象点说就是,一个A网站公开一些接口方法,对于B网站和C网站可以通过发Xmlhttprequest请求来调用A网站的方法,对于xmlhttprequest封装比较好的插件如jquery的$.ajax,它可以让开发者很容易的编写AJAX异步请求,无论是Get,Post,Put,Delete请求都可以发送. Cors并不是什么新的技术,它只是对

Cors是个比较热的技术,这在蒋金楠的博客里也有体现,Cors简单来说就是“跨域资源访问”的意思,这种访问我们指的是Ajax实现的异步访问,形象点说就是,一个A网站公开一些接口方法,对于B网站和C网站可以通过发Xmlhttprequest请求来调用A网站的方法,对于xmlhttprequest封装比较好的插件如jquery的$.ajax,它可以让开发者很容易的编写AJAX异步请求,无论是Get,Post,Put,Delete请求都可以发送. Cors并不是什么新的技术,它只是对HTTP请求头进行

/* * Ajax的核心操作对象是xmlHttpRequest * 简化操作步骤:实例化一个xmlHttpRequest对象 ==> 发送请求 ==> 接受响应 ==> 执行回调 */ 实例化对象 考虑到兼容问题,非IE5/IE6 使用 => new XMLHttpRequest(); IE5/IE6使用 => new ActiveXObject(Microsoft.XMLHTTP);    ☯神呐,请带走IE吧! 发送请求 使用 XMLHttpRequest 对象的 ope

前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所偏差,在学习中如果有错会及时修改内容,也欢迎万能的朋友们批评指出,谢谢 文章第一版出自简书,如果出现图片或页面显示问题,烦请转至 简书 查看 也希望喜欢的朋友可以点赞,谢谢 网路请求 在开发中,从网络上加载数据一直是重点和难点,尤其是在做相应的细节优化方面,在React Native 中通常是用哪种

1.debug调试工具:batarang2.ng指令 1.ng-app=" " 定义angularJS的使用范围:----main方法,入口 ng-app="myModule" 2.ng-init="变量=值;变量='值'" 初始化变量的值,有多个变量时,中间用分号隔开: 3.ng-model="变量" 定义变量名: 绑定 HTML 元素 到应用程序数据. 为应用程序数据提供类型验证(number.email.required

很多移动应用都需要从远程地址中获取数据或资源.你可能需要给某个REST API发起POST请求以提交用户数据,又或者可能仅仅需要从某个服务器上获取一些静态内容--以下就是你会用到的东西.新手可以对照这个简短的视频教程加深理解. 使用Fetch React Native提供了和web标准一致的Fetch API,用于满足开发者访问网络的需求.如果你之前使用过XMLHttpRequest(即俗称的ajax)或是其他的网络API,那么Fetch用起来将会相当容易上手.这篇文档只会列出Fetch的基本用

中秋在家闲得无事,想着做点啥,后来想想,为啥不学学 react native.在学习 React Native 时, 需要对前端(HTML,CSS,JavaScript)知识有所了解.对于JS,可以看看阮一峰老师的<ECMAScript 6 入门>这篇文章.里面涉及很多 ES6 的新特性.我之前也是看了阮老师的文章做了一些学习笔记 ES6 学习笔记. 1.环境搭建 环境搭建中文教程,点击跳转RN中文社区 :http://reactnative.cn/docs/0.40/getting-star

很多移动应用都需要从远程地址中获取数据或资源.你可能需要给某个 REST API 发起 POST 请求以提交用户数据,又或者可能仅仅需要从某个服务器上获取一些静态内容. 使用 Fetch React Native 提供了和 web 标准一致的Fetch API,用于满足开发者访问网络的需求. 发起请求 要从任意地址获取内容的话,只需简单地将网址作为参数传递给 fetch 方法即可(fetch 这个词本身也就是获取的意思): fetch('https://mywebsite.com/mydata.

随着Ajax技术的流行,越来越多的Web应用使用Ajax技术来提高用户体验.使用Ajax技术的一个重要优势是不需要额外的浏览器插件支持,只需要使用浏览器原生的API,并利用JavaScript来操作即可.使用原生API时会遇到的两个比较大的问题是浏览器兼容性和底层A代PI接口带来的编程复杂性.同样的功能在不同的浏览器上的实现方式是存在差异的.如果一个应用希望支持不同的浏览器,则开发人员需要添加很多的浏览器检测或嗅探的代码.比如同样的事件绑定功能,在IE上使用attachEvent,而在其它浏览器

前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所偏差,在学习中如果有错会及时修改内容,也欢迎万能的朋友们批评指出,谢谢 文章第一版出自简书,如果出现图片或页面显示问题,烦请转至 简书 查看 也希望喜欢的朋友可以点赞,谢谢 网路请求 在开发中,从网络上加载数据一直是重点和难点,尤其是在做相应的细节优化方面,在React Native 中通常是用哪种

第15章WEB15-AJAX和JQuery案例篇 今日任务 使用AJAX完成用户名的异步校验 使用JQuery完成用户名异步校验 使用JQuery完成商品信息模糊显示 使用JQuery完成省市联动效果返回XML 使用JQuery完成省市联动效果返回JSON 教学导航 教学目标 了解AJAX的基本使用 掌握JQuery的AJAX部分的代码 掌握JQuery返回XML和JSON格式数据如何处理 教学方法 案例驱动法 1.1      上次课内容回顾: JDBC的添加,修改,删除查询. * 查询: *

上个Q做了一波web性能优化,积累了一点点经验 记录分享一下. 先分享一个比较常用的接口前置 的优化方案吧 优化前首屏秒开大约在40%左右 首屏秒开大约提高了25% 先发一张优化成果图 前置原因 对于前后端分离的页面来说,一般的加载方式都是如下: 请求html页面 -> 浏览器解析html -> 请求css js  -> js执行请求api接口 -> js根据数据组装页面 -> 请求图片 -> 展示首屏 我们可以看下图: 接口请求是在页面加载了 540ms左右的时候发出

XMLHttpRequest函数封装: function ajax(Url,sccuessFn,failureFn) { //1.创建XMLHttpRequest对象 var xhr = null; if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); }else { xhr = new ActiveXObject('Microsoft.XMLHTTP'); } //2.打开与服务器的链接 xhr = open('get',Url,tru

构造器 var xhr = new XMLHttpRequest() 设置超时时间 xhr.ontimeout= 设置超时时间为 1s 设置超时时间(单位:ms) 0为永不超时 HTTP 请求的状态 xhr.readystate  从请求开始到完全结束,有5个状态分别对应不同的阶段,具体如下表: 当前阶段 状态码 new XMLHttpRequest() 0 xhr.open() 1 请求发出,未收到响应头 2 响应头接收ok,开始接收响应体 3 响应体接收完成 4 HTTP状态码 xhr.st

导读:AJAX利用一个构建到所有现代浏览器内部的对象-XMLHttpRequest-来实现发送和接收HTTP请求与响应信息.那么,XMLHttpRequest对象是怎么创建和封装的呢? 一.简介 1.1,用途 该对象向服务器发送请求,并接收服务器响应,实现与服务器的异步通信 1.2,发展 在1999年上半年,微软利用ActiveX对象实现了XMLHTTP对象,随后,在2000年,Mozilla实现了相同接口的原生对象XMLHttpRequest对象,Opera,Safari也相继实现. 二.XM

axios学习笔记defaults(浏览器端异步请求处理方式) 浏览器异步请求方法封装,主要使用XMLHttpRequest lib/adapters/xhr.js //入口 var utils = require('./../utils'); var settle = require('./../core/settle'); var buildURL = require('./../heapers/buildURL'); var buildFullPath = require('./../co