Ajax的基础与进阶

Ajax

URL地址

URL地址的概念

URL又叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源。

常见的URL举例：

http://www.baidu.com

http://www.taobao.com

URL地址的组成部分

URL地址一般由三部分组成：

1.客户端与服务器之间的通信协议

2.存有该资源的服务器名称

3.资源在服务器的具体存放位置

http://www.cnblogs.com/liulongbinblogs/p/11649393.html

http是通信协议

www.cnblogs.com是服务器名称

liulongbinblogs/p/11649393.html是资源在服务器上具体的存放位置

网页中如何请求资源

数据，也是服务器对外提供的一种资源，只要是资源，必须要通过请求-处理-响应的方式进行获取。

如果要在网页中请求服务器上的数据资源，则需要用到XMLHttpRequest对象。

XMLHttpRequest是浏览器提供的js成员，通过它，可以请求服务器上的数据资源。

最简单的用法：var xhr Obj = new XMLHttpRequest()

资源的请求方式

客户端请求服务器时，请求的方式有很多种，最常见的两种请求方式分别为get和post请求

• get请求通常用于获取服务器资源（向服务器要资源）

例如：根据URL地址，从服务器获取HTML文件，css文件，js文件，图片文件，数据资源等

• post请求通常用于向服务器提交数据（往服务器发送资源）

例如：登录时向服务器提交的登录信息，注册时向服务器提交的注册信息、添加用户时向服务器提交的用户信息等各种数据提交操作。

了解Ajax

什么是Ajax

Ajax的全称是Asynchrounous And XML(异步JavaScript 和 XML)

通俗的理解，在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式，就是Ajax。

Ajax的典型运用场景

用户名检测：注册用户名时，通过ajax的形式，动态检测用户名是否被占用

搜索提示：当输入关键字时，通过ajax的形式，动态加载搜索提示列表

数据分页显示：当点击页码值的时候，通过ajax的形式，根据页码值动态刷新表格的数据

数据的增删改查：数据的添加，删除，查询操作，都需要通过ajax的形式，来实现数据的交互

jQuery中的ajax

了解jQuery中的ajax

浏览器中提供了XMLHttpRequest用法比较复杂，所以jQuery对XMLHttpRequest进行了封装，提供了一系列ajax相关函数，极大地降低了Ajax的使用难度。

• $.get()
• $.post()
• $.ajax()

$.get()函数的语法

jQuery中$.get函数的功能单一，专门用来发起get请求，从而将服务器上的资源请求到客户端进行使用。

语法：

$.get(url,[data],[callback])

其中，三个参数各自代表的含义如下：

参数名	参数类型	是否必选	说明
url	string	是	要请求的资源地址
data	object	否	请求资源期间要携带的参数
callback	function	否	请求成功时回调的函数

$.get()发起不带参数的请求

使用$.get()函数发起不带参数的请求时，直接提供请求的URL地址和请求成功之后的回调函数即可。

例子：

$.get(‘http://www.liulongbin.top:3006/api/getbooks’,function(res){

​ console.log(res) //这里的res是服务器返回的数据

})

$.get()发起带参数的请求

例子：

$.get(‘http://www.liulongbin.top:3006/api/getbooks’,{id:1},function(res){

​ console.log(res)

})

$.post()函数的语法

jQuery中$.post()函数的功能单一，专门用来发起post请求，从而向服务器提交数据

语法：

$.post(url,[data],[callback])

其中，三个参数各自代表的含义如下：

参数名	参数类型	是否必选	说明
url	string	是	要请求的资源地址
data	object	否	请求资源期间要携带的参数
callback	function	否	请求成功时回调的函数

$.post()向服务器提交数据

例子：

$.post(

‘http://www.liulongbin.top:3006/api/getbooks’, // 请求URL地址

{bookname:‘水浒传’,author:‘施耐庵’,publisher:‘上海图书出版社’}, // 提交数据

function(){ //回调函数

console.log(res)}

)

$.ajax()函数的语法

相比于$.get()和$.post()函数，jQuery中提供的$.ajax()函数，是一个功能比较综合的函数，它允许我们对Ajax请求进行更详细的配置。

语法：

$.ajax({

type:‘’, //请求的方式，例如GET或POST

url:‘’, //请求的URL地址

data’', //这次请求要携带的数据

success:function(res){} //请求成功之后的回调函数

})

使用$.ajax()发起GET请求

使用$.ajax()发起GET请求时，只需要将type属性的值设置为‘GET’即可。

例子：

$.ajax({

type：‘GET’, //请求方式

url:‘http://www.liulongbin.top:3006/api/getbooks’ ,

data:{id:1},

success:function(res){

console.log(res)

}

})

使用$.ajax发起POST请求时，只需要type属性的值设置为’POST’即可：

例子：

$.ajax({

type：‘POST’, //请求方式

url:‘http://www.liulongbin.top:3006/api/addbook’ ,

data:{bookname:‘水浒传’,author:‘施耐庵’,publisher:‘上海图书出版社’},

success:function(res){

console.log(res)

})

接口

接口概念

使用Ajax请求数据时，被请求的URL地址，就叫做数据接口（简介接口）。同时，每个接口必须有请求方式。

例如：

http://www.liulongbin.top:3006/api/getbooks 获取图书列表的接口（get请求）

http://www.liulongbin.top:3006/api/addbook 添加图书的接口（post接口）

接口测试工具

什么是接口测试工具

为了验证接口是否被正常被访问，我们常常需要使用接口测试工具，来对数据接口进行检测。

好处：接口测试工具让我们在不写任何代码的情况下，对接口进行调用和测试。

接口文档

接口文档，顾名思义就是接口的说明文档，它是我们调用接口的依据。好的接口文档包含了对接口URL，参数以及输出内容的说明，我们参照接口文档就能方便的知道接口的作用，以及接口任何进行调用。

接口文档的组成部分

接口文档包含很多信息，也可以按需进行精简，不过，一个合格的接口文档，应该包含以下6项内容，从而为接口的调用提供依据：

调用提供依据：

1.接口名称：用来标识各个接口的简单说明，如登录接口，获取图书列表接口等。

2.接口URL：接口的调用地址。

3.调用方式：接口的调用方式，如GET和POST。

4.参数格式：接口需要传递的参数，每个参数必须包括参数名称，参数类型，是否必选，参数说明这4项内容。

5.响应格式：接口的返回值的详细描述，一般包含数据名称、数据类型、说明3项内容。

6.返回实例（可选）：通过对象的形式，例举服务器返回数据的结构。

重置窗口位置resetui

用resetui（）可以重置位置

form表单的基本使用

什么是表单

表单在网页中主要负责数据采集功能。HTML中的

标签，就是用于采集用户输入的信息，并通过标签的提交操作，把采集到的信息提交到服务器端进行处理。

表单的组成部分

表单由三个基本部分组成：

• 表单标签
• 表单域

表单域：包含了文本框、密码框、隐藏框、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

• 表单按钮

标签的属性

标签用来采集数据，标签的属性则是用来规定如何把采集到的数据发送到服务器。

属性	值	描述
action	URL地址	规定当提交表单时，向何处发送表单数据
method	get或post	规定以何种方式把表单数据提交到actionURL
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	规定在发送表单数据之前如何对其进行编码
target	_blank _self _parent _top framename	规定在何处打开action URL

1.action

action属性用来规定当提交表单时，向何处发送表单数据。

action属性的值应该是后端提供的一个URL地址，这个URL地址专门负责接收表单提交过来的数据。

当表单在未指定action属性的情况下，actiopn的默认值为当前页面的URL地址。

注意：当提交表单后，页面会立即跳转到action属性指定的URL地址。

2.target

target属性用来规定在何处打开action URL。

他的可选值有5个。默认情况下，target的值是_self,表示在相同的框架中打开action URL。

值	描述
_blank	在新窗口中打开
_self	默认，在相同的框架中打开
_ parent	在父框架集中打开
_top	在整个窗口中打开
framename	在指定的框架中打开

3.method

method属性用来规定以何种方式把表单数据提交到actionURL。

它的可选值有两个，分别是get和post。

默认情况下，method的值为get，表示通过URL地址的形式，把表单数据提交到actionURL。

注意：

get方式适合用来提交少量的、简单的数据。

post方式适合用来提交大量的、复杂的、或包含文件上传的数据。

在实际开发中，表单的post提交方式用的最多，很少用get。使用post方式来提交表单。

4.enctype

enctype属性用来规定在发送表单数据之前如何对数据进行编码。

他的可选值有三个，默认情况下，enctype的值为application/x-www-form-urlencoded,表示在发送前编码所有的字符。

值	描述
application/x-www-form-urlencoded	在发送前编码所有字符（默认）
multipart/form-data	不对字符编码。 在使用包含文件上传控件的表单，必须使用该值
text/plain	空格转换为’+'加号，但不对特殊字符编码（很少使用）

注意：

在涉及到文件上传的操作时，必须将enctype的值设置为multipart/form-data。

表单的同步提交及缺点

什么是表单的同步提交

通过点击submit按钮，触发表单提交的操作，从而使页面跳转到action URL的行为，叫做表单的同步提交。

2.表单同步提交的缺点

1.表单同步提交后，整个页面会发生跳转。跳转到action URL所指向的地址，用于体验很差。

2.表单同步提交后，页面之前的状态和数据会丢失。

3.如何解决表单同步提交的缺点

解决方案：表单只负责采集数据，ajax负责将数据提交到服务器。

通过Ajax提交表单数据

监听表单提交事件

在jQuery中，可以使用如下两种方式，监听到表单的提交事件：

$(‘#form1’).submit(function(e){

​ alert(‘监听到了表单的提交事件’)

})

$(‘#form1’).on(‘submit’,function(e){

alert(‘监听到了表单的提交事件’)

})

阻止表单默认提交行为

当监听到表单提交事件后，可以调用事件对象的evet.preventDefault()函数，来阻止表单的提交和页面的跳转

$(‘#form1’).submit(function(e){

​ e.preventDefault()

})

$(‘#form1’).on(‘submit’,function(e){

e.preventDefault()

})

快速获取表单中的数据

serialize()函数

为了简化表单中数据获取的操作，jQuery提供了serialize()函数

语法：

$.(selector).serialize()

serialize()函数的好处：可以一次性获取到表单所有的数据。

注意：在使用serialize()函数快速获取表单数据时，必须为每个表单元素添加name属性。

重置表单的方法

$(‘form’)[0].reset()

模板引擎的基本概念

渲染UI结构时遇到的问题

通过字符串拼接的形式，来渲染UI结构。如果UI结构比较复杂，则拼接字符串的时候需要格外注意引号之前的嵌套。且一旦需求发生变化，修改起来也非常麻烦。

什么是模板引擎

模板引擎，顾名思义，它可以根据程序员指定的模板结构和数据，自动生成一个完整的HTML页面。

模板引擎的好处

1.减少了字符串的拼接操作

2.使代码结构更清晰

3.使代码更易于阅读和维护

art-template模板引擎

art-template简介

art-template是一个简约、超快的模板引擎。

art-template模板引擎的基本使用

1.导入art-template

2.定义数据

3.定义模板

将script的type属性改为text/html

4.调用template函数

语法：

template(‘模板的ID’，需要渲染的数据对象)

数据会自动填充到｛｛name｝｝占位符中

5.渲染HTML页面

art-template标准语法

什么是标准语法

art-template提供{{}}这种语法格式，在{{}}内可以进行变量输出，或循环数组等操作，这种{{}}语法在art-template中被称为标准语法

标准语法-输出

{{value}}

{{obj.key}}

{{obj.[‘key’]}}

{{a?b:c}}

{{a||b}}

{{a+b}}

在{{}}语法中，可以进行变量的输出、对象属性的输出、三元表达式的输出、逻辑或输出、加减乘除等表达式的输出。

标准语法-原文输出

语法：

{{@ value}}

如果要输出的value值中，包含了HTML标签结构，则需要使用原文输出的语法，才能保证HTML标签被正常渲染。

标准语法-条件输出

如果要实现条件输出，则可以在{{}}中使用if…else if…/if的方式，进行按需求输出。

语法：

{{if value}}按需输出的内容｛｛/if｝｝

{{if v1}}按需输出的内容{{else if v2}}按需输出的内容{{/if}}

标准语法-循环输出

如果要实现循环输出，则可以在{{}}内，通过each语法循环数组，当前循环的索引使用$index进行访问，当前的循环项使用$value进行访问。

{{each arr}}

{{KaTeX parse error: Expected 'EOF', got '}' at position 6: index}̲}{{value}}

{{/each}}

标准语句-过滤器

语法：

{{value|filterName}}

过滤器语法类似管道操作符，它的上一个输出作为下一个输入。

定义过滤器的基本语法如下：

template.defaults.imports.filterName = function(value){/*return处理的结果/}

例子：

注册时间：{{regTime|dateFormat}}

定义一个格式化时间过滤器dateFormat如下：

template.defaults.imports.dateFormat = function(date){

var y = date.getFullYear()

var m = date.getMonth()+1

var d = date.getDate()

return y+‘-’+m+‘-’+d// 注意，过滤器最后一定要return一个值

}

模板引擎的实现原理

正则与字符串操作

基本语法

exec()函数用于检索字符串中的正则表达式的匹配。

如果字符串中有匹配的值，则返回该匹配值，否则返回null

RegExpObject.exec(string)

分组

正则表达式中()包起来的内容表示一个分组，可以用过分组来提取自己想要的内容。

例子：

var str = ‘

我是{{name}}

’

var pattern = /{{[a-zA-Z]+}}/

var patternResult = pattern.exec(str)

console.log(patternResult)

字符串的replace函数

replace()函数用于在字符串中用一些字符替换另一些字符。

语法：

var result = ‘123456’.replace(‘123’,‘abc’)

replace替换为真值

例子：

var data = { name: ‘张三’, age: 18 }

​ var str = ‘我是{{name}},今年{{age}}’

​ var pattern = /{{([a-zA-Z]+)}}/

​ var patternResult = null;

​ while (patternResult = pattern.exec(str)) {

​ var result = pattern.exec(str);

​ str = str.replace(result[0], data[result[1]])

​ }

​ console.log(str);

Ajax加强

XMLHttpRequest的基本使用

什么是XMLHttpRequest

XMLHttpRequest简称xhl，是浏览器提供的JavaScript对象，通过它，可以请求服务器上的数据资源。之前所学的jQuery中的ajax函数，就是基于xhr对象函数封装出来的。

使用xhr发起GET请求

步骤：

1.创建xhr对象

var xhr = new XMLHttpRequest

2.调用xhr.open()函数

xhr.open(‘get’,‘http://www.liulongbin.top:3006/api/getbooks’)

3.调用xhr.send()函数

xhr.send()

4.监听xhr.onreadystatechange事件

xhr.onreadystatechange = function(){

xhr对象的响应状态是4，服务器响应状态是200

​ if (xhr.readyState === 4&& xhr.status ===200){

​ console.log(xhr.responseText);

}

}

了解xhr对象的readyState属性

XHLHttpRequest对象的readyState属性，用来表示当前ajax请求所处的状态。每个ajax请求必然处于以下状态中的一个：

值	状态	描述
0	UNSENT	XMLHttpRequest对象以及被创建，但尚未调用open方法
1	OPENED	open()方法已经被调用
2	HEADERS_RECEIVED	send()方法已经被调用，响应头也已经被接收
3	LOADING	数据接收中，此时response属性中已经包含部分数据
4	DONE	ajax请求完成，这意味着数据传输已经彻底完成或失败

使用xhr发起带参数的get请求

// …

xhr.open(‘get’,‘http://www.liulongbin.top:3006/api/getbooks?id=1’)

//…

这种在URL地址后面拼接的字符串，叫查询字符串

查询字符串

什么是查询字符串

定义：查询字符串（URL参数）是指在URL的末尾加上用于服务器发送信息的字符串（变量）

格式：将英文的？放在URL的末尾，然后再加上参数=值，想加上多个参数的话，使用&符号进行分隔。以这个形式，可以将想要的发送给服务器的数据添加URL中。

get请求携带参数的本质

无论使用$.ajax(),还是使用$.get(),又或者直接使用xhr对象发起get请求，当需要携带参数的时候，本质上，都是直接将参数以查询字符串的形式，追加到URL地址的后面，发送到服务器的。

$.get(‘url’,{name:‘zs’,age:20},function(){})

等价于

$.get(‘url?name=zs&age=20’,function(){})

$.ajax({method:‘get’,url:‘url’,data:{name:‘zs’,age:20},success:function(){}})

等价于

$.ajax({method:‘get’,url:‘url?name=zs&age=20’,success:function(){}})

URL编码与解码

什么是URL编码

URL地址中，只允许出现英文相关的字母、标点符号、数字，因此，在URL地址中不允许出现中文字符。

如果URL中需要包含中文这样的字符，则必须对中文字符进行编码（转译）

URL编码的原则：使用安全的字符（没有特殊用途或者特殊意义的可以打印字符）去表示那些不安全的字符。

简单来说就是用英文字符去表示非英文字符。

任何对URL进行编码和解码

浏览器提供了URL编码和解码的API，分别是

• encodeURI()编码的函数
• decodeURI()解码的函数

URL编码的注意事项

由于浏览器会自动对URL地址进行编码操作，因此，大多数情况下，程序员不需要关心URL地址的编码与解码操作。

使用xhr发起POST请求

步骤：

1.创建xhr对象

2.调用xhr.open()函数

xhr.open(‘post’,‘http://www.liulongbin.top:3006/api/addbook’)

3.设置Content-Type属性（固定写法）

xhr.setRequestHeader(‘Content-Type’,‘application/x-www-form-urlencoded’)

4.调用xhr.send()函数，同时指定要发送的数据

xhr.send(‘bookname=水浒传&author=施耐庵&publisher=天津图书出版社’)

5.监听xhr.onreadystatechange事件

xhr.onreadystatechange = function(){

xhr对象的响应状态是4，服务器响应状态是200

​ if (xhr.readyState === 4&& xhr.status ===200){

​ console.log(xhr.responseText);

}

}

数据交互格式

什么是数据交互格式

数据交互格式，就是服务器端与客户端之间进行数据传输与交换的格式。

前端领域，经常提及的两种格式分别是XML和JSON。其中XML用的很少，主要是用JSON.

XML

什么是XML

XML的英文全称是EXtensible Markup Language，即可扩展标记语言。因此，XML和HTML类似，也是一种标记语言。

ls //发给谁

zs //谁发送

通知 //标题

晚上开会 //内容

XML和HTML的区别

• HTML被设计用来描述网页上的内容，是网页内容的载体
• XML被设计用来传输和储存数据，是数据的载体

XML的缺点

1.XML格式臃肿，和数据无关的代码多，体积大，传输效率低

2.在JavaScript中解析XML比较麻烦

JSON

什么是JSON

概念：JSON的英文全称是JavaScript Object Notation，即’JavaScript对象表示法’。简单来讲，JSON就是JavaScript对象和数组的字符串表示法，它使用文本表示一个JS对象或数组的信息，因此，JSON的信息是字符串。

作用：JSON是一种轻量级的文本数据交换格式，在作用上类似于XML，专门用于储存和数据传输，但是JSON比XML更小，更快，更易解析。

现状：JSON是在2001年被推广和使用的数据格式，如今，JSON已经成为主流的数据交换格式。

JSON的两种结构

JSON就是用字符串来表示JavaScript的对象和数组。所以，JSON中包含对象和数组两种结构，通过这两种结构的相互嵌套，可以表示各种复杂的数据结构。

• 对象结构：对象结构在JSON中表示{括起来的内容，数据结构为{key:value,key:valye,…}的键值对结构。其中，key必须是使用英文的双引号包括起来的字符串，value的数据类型可以是数组、字符串、布尔值、null、数组、对象6种类型。

• 数组结构：数组结构在JSON中表示[]括起来的内容，数据结构为[“java”,“javascript”,30,true].数组中数据的类型可以是数字、字符串、布尔值、null、数组、对象6种类型。

JSON语法的注意事项

1.属性名必须使用双引号包裹

2.字符串类型的值必须使用双引号包裹

3.JSON中不允许使用单引号表示字符串

4.JSON中不能写注释

5.JSON的最外层必须是对象或数组的格式

6.不能使用undefined或函数作为JSON的值

JSON的作用：在计算机和网络之间存储和传输数据

JSON的本质：用字符串来表示JavaScript对象数据或数组数据

JSON和JS对象的关系

JSON是JS对象的字符串表示法，它使用文本表示一个JS对象信息，本质是一个字符串，例如：
//这是一个对象

var obj = {a:‘hello’,b:‘word’}

//这是一个JSON字符串，本质是一个字符串

var json = ‘{“a”:“hello”,“b”:“world”}’

JSON和JS对象的互转

要实现从JSON字符串转化为JS对象，使用JSON.parse()方法：

var obj = JSON.parse(‘{“a”:“hello”,“b”:“world”}’)

结果是｛a:‘hello’,b:‘world’｝

要实现JS对象转化为JSON字符串，使用JSON.stringify()方法：

var obj = JSON.stringify(｛a:‘hello’,b:‘world’｝)

结果是’{“a”:“hello”,“b”:“world”}’

序列化和反序列化

把数据对象转化为字符串的过程，叫做序列化，例如：调用JSON.stringify()函数的操作，叫做JSON序列化。

把字符串转化为数据对象的过程，叫做反序列化，例如：调用JSON.parse()函数的操作，叫做JSON反序列化。

封装自己的ajax函数

定义options参数选项

itheima()函数是我们自定义的ajax函数，它接收一个配置对象作为参数，配置对象中可以配置如下属性：

• method 请求类型
• url 请求的URL地址
• data 请求携带的数据
• success 请求成功之后的回调函数

处理data参数

需要把data对象，转化成查询字符串的格式，从而提交给服务器，因此提前定义resolveData函数

判断请求的类型

不同的请求类型，对应xhr对象的不同操作，因此需要对请求类型进行if…else…的判断

XMLHttpRequest Level2的新特性

旧版XMLHttpRequest的缺点

1.只支持文本数据的传输，无法用来读取和上传文件

2.传送和接收数据时，没有进度信息，只能提示有没有完成。

XMLHttpRequest Level2的新功能

1.可以设置HTTP请求的时限

2.可以使用FormData对象管理表单数据

3.可以上传文件

4.可以获得数据传输的进度信息

设置HTTP请求时限

有时，Ajax操作很耗时，而且无法预知要花多少时间。如果网速很慢，用户可能要等很久。新版本的XMLHttpRequest对象，增加了timeout属性，可以设置HTTP请求的时限：

语法：

xhr.timeout = 3000

上面的语句，将最长等待时间设为3000毫秒，过了这个时限，就自动停止HTTP请求。与之配套的还有一个timeout事件，用来指定回调函数：

xhr.ontimeout = function(){

​ alert(‘请求超时’)

}

FormData对象管理表单数据

Ajax操作往往用来提交表单数据。为了方便表单数据的处理，HTML5新增了一个FormData对象，可以模拟表单操作：

新建FormData对象

var fd = new FormData()

为FormData添加表单项

fd.append(‘uname’,‘zs’)

fd.append(‘upwd’,‘123456’)

创建XHR对象

var xhr = new XMLHttpRquest()

指定请求类型和URL地址

xhr.open(method,url)

直接提交FormData对象，这与提交网站表单的效果，完全一样。

xhr.send(fd)

FormData对象管理表单数据

FormData对象也可以用来获取网页表单的值，示例如下：

var form = document.querySelector(‘#form1’)

form.addEventListener(‘submit’,function(e){

e.preventtDefault()

var fd = new FormData(form)

var xhr = new XMLHttpRequest()

xhr.open(‘post’,url)

xhr.send(fd)

xhr.onreadystatechange = function(){

}

})

上传文件

新版XMLHttpRequest对象，不仅可以发送文本信息，还可以上传文件。

实现步骤：

1.定义UI结构

2.验证是否选择了文件

3.向FormData中追加文件

显示文件的上传进度

新版本中的XMLHtppRequest对象中，可以通过监听xhr.upload.onprogress事件，来获取到文件的上传进度。

语法：

var xhr = new XMLHttpRequest()

xhr.upload.onprogress = function(e){

if (e.lengthComputable){

e.lengthComputable是一个布尔值，表示当前上传的资源是否具有可计算的长度

e.loaded 已经传输的字节

e.total 需传输的总字节

var percentComplete = Math.ceil((e.loaded/e.total)*100)

}

}

jQuery实现文件上传

jQuery中的ajax上传文件时，contentType和processData都要false

jQuery实现loading效果

ajaxStart(callback)

ajax请求开始时，执行ajaxStart函数。可以在ajaxStart的callback中显示loading效果，示例代码如下：

$(document).ajaxStart(function(){

​ $(‘#loading’).show()

})

注意：$(document).ajaxStart()函数会监听当前文档内所有的Ajax请求。

ajaxStop(callback)

Ajax请求结束时，执行ajaxStop函数。可以在ajaxStop的callback中隐藏loading效果，示例代码如下：

$(document).ajaxStop(function(){

​ $(‘#loading’).hide()

})

axios

什么是axios

Axios是专注于网络数据请求的库

相比于原生的XMLHttpRequest对象，axios简单易用。

相比于jQuery，axios更加轻量化，只专注于网络数据请求。

axios发起get请求的语法：

axios.get(‘url’,{params:{/* 参数 */}}).then(callback)

axios发起POST请求

axios发起post请求的语法：

axios.post(‘url’,{params:{/* 参数 */}}).then(callback)

直接使用axios发起请求

axios也提供了类似于jQuery中$.ajax()的函数，语法如下：

axios({

method:‘请求类型’，

url:‘请求的URL地址’,

data:{POST数据}，

params：｛get参数｝

}).then(callback)

跨域和JSONP

同源策略

什么是同源

如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源。

什么是同源策略

同源策略是浏览器提供的一个安全功能。

同源策略限制了从一个源加载的文档或脚本如何来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

简单来说，浏览器规定，A网站的JavaScript，不允许和非同源的网站C之间，进行资源的交互，例如：

1.无法读取非同源网页的cookie，localstorage和indexedDB

2.无法接触非同源网页的DOM

3.无法向非同源地址发送ajax请求

跨域

什么是跨域

同源指的是两个URL的协议、域名、端口一致，反之，则是跨域。

出现跨域的根本原因：浏览器的同源策略不允许非同源的URL之间进行资源的交互。

浏览器对跨域请求的拦截

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7ONSqMFR-1631290767612)(C:\Users\11091\Desktop\1.png)]

注意：浏览器允许发起跨域请求，但是，跨域请求回来的数据，会被浏览器拦截，无法被网页获取到。

如何实现跨域数据请求

现如今，实现跨域数据请求，最主要的两种解决方案，分别是JSONP和CORS。

JSONP：出现的早，兼容性好。是前端程序员为了解决跨域问题，被迫想出来的一种临时解决方案。缺点是只支持GET请求，不支持POST请求。

CORS:出现的比较晚，它是W3C标准，属于跨域ajax请求的根本解决方案。支持get和post请求。缺点是不兼容某些低版本的浏览器。

JSONP

什么是JSONP

JSONP是JSON的一种’使用模式’，可用于解决主流浏览器的跨域数据访问的问题。

JSONP的实现原理

由于浏览器同源策略的限制，网页中无法通过ajax请求非同源的接口数据。但是

你可能感兴趣的:(ajax)

• 学会这招！用python爬取微博评论（无重复数据） Python白白白白
  python爬取微博评论（无重复数据）前言一、整体思路二、获取微博地址1、获取ajax地址2、解析页面中的微博地址3、获取指定用户微博地址三、获取主评论四、获取子评论1、解析子评论2、获取子评论五、主函数调用1、导入相关库2、主函数执行3、结果写在最后Tip:本文仅供学习与交流，切勿用于非法用途！！！前言前段时间微博上关于某日记的评论出现了严重的两极分化，出于好奇的我想对其中的评论以及相关用户做一
• 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端ui服务器
  前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
• ajax的同源策略 Spring_Bear
  问题之前帮忙做的广告机器人数据提交的部分，利用ajax的XMLHTTPRequest提交到服务器的时候总是报错，错误类型是不同源。想到浏览器中的同源策略，明白了问题的原因。同源策略简单的说，就是浏览器不允许两个不同源的域名之间交换信息，那么这里就有两个问题。一是，什么信息不允许交换；二是，怎样算不同源。阮一峰的这篇博客浏览器同源政策及其规避方法其实已经介绍得比较清楚。引用一下，第一个问题：目前，如
• Mybatis实现员工管理系统 wu1113_ mybatisjavamaven
  文章目录1.案例需求2.编程思路3.案例源码4.小结1.案例需求在上次做的父子模块的maven以及Ajax实现人工管理系统的基础上使用Mybatis实现员工管理系统的增删改查，具体运行效果如下：2.编程思路Mybatis框架的一般执行流程：创建MyBatis配置文件mybatis-config.xml在里面加载数据源、事务等，管理映射文件创建需要的映射文件mapper.xml，用于映射表中列和实体
• java ajax_Java Ajax入门 孤独患喆 javaajax
  接下来整理一下Ajax相关的内容，AJAX(asynchronousjsandxml)，即异步的JavaScript和xml，它的主要作用就是让页面不必等待服务器返回整个页面信息，而可以通过异步的方式给服务器发送数据和获取数据，对页面进行局部刷新，是一种提高用户体验的技术。同步和异步同步和异步的主要区别如下；(1)同步：一个响应结束后才能发送下一个请求，页面在请求期间不能做其他事情。(2)异步：不
• html加载界面发送ajax请求 足球数据分析 htmlajax前端
  html加载界面发送ajax请求makeAjaxRequest();functionmakeAjaxRequest(){varxhr=newXMLHttpRequest();//创建一个新的XMLHttpRequest对象xhr.open('GET','yourUrlPath',true);//配置请求，设置请求类型、URL和是否异步xhr.send();//发送请求}
• ajax 获取一步数据,ajax异步获取数据 可可子姐姐教英语 ajax获取一步数据
  functioncreateXHR(){if(typeofXMLHttpRequest!="undefined"){returnnewXMLHttpRequest();}elseif(typeofActiveXObject!="undefined"){varversion=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"];fo
• 招银网络&大疆&元象一面 Redstone Monstrosity 前端面试
  1.请尽可能详细地说明，XHR、axios和fetch这三者的区别是什么？axios和fetch的底层实现是什么？axios拦截器是什么？axios提供了哪些配置或功能，是fetch和XHR中没有的？你的回答中不要写出示例代码。XHR、axios和fetch的区别XHR(XMLHttpRequest)历史：XHR是最早的AJAX技术，由微软在1999年引入，后来被标准化。兼容性：几乎所有现代浏览器
• ajax讲解 夜不眠，码三千 okhttp
  1.AJAX概述1.1什么是ajaxAJAX（AsynchronousJavascriptAndXML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。AJAX还有一个最大的特点就是，当服务器响应时，不用刷新整个浏览器页面，而是可以局部刷新。这一特点给用户的感受是在不知不觉中完成请求和响应过
• AJAX异步请求数据 铸键为犁 JavaWebajaxservletjavascript
  文章目录前言一、AJAX是什么？二、使用步骤1.语法格式2.示例2.注意事项总结前言本篇主要介绍怎么使用AJAX向服务器请求数据。一、AJAX是什么？异步请求技术,可以实现页面局部刷新,在不刷新页面的情况下发送请求到后台加载数据,并且展现在前端二、使用步骤1.语法格式代码如下：$.get(url,data,function(data){})发送get请求参数1:url是后台服务器地址参数2:dat
• 解锁网页交互利器：深入浅出 AJAX，用 JavaScript 与后端服务器对话，局部请求刷新数据 微特尔普拉斯 ajaxjavascriptajax前端javascript
  在当今互联网时代，网页早已不再是静态的信息展示平台，而是充满动态交互的应用体验场。而实现这种流畅交互体验的关键技术之一，便是AJAX（AsynchronousJavaScriptandXML）。它允许网页在后台悄无声息地与服务器交换数据，无需刷新整个页面，便可实现内容的动态更新，为用户带来行云流水般的操作体验。在AJAX出现之前，网页开发采用的是前后端不分离的模式。前端开发者编写好HTML和CSS
• 【前端】Vue服务器端渲染之Nuxt irenb
  1.什么是服务器端渲染后端先调用数据库，获得数据之后，将数据和页面元素进行拼装，组合成完整的html页面，再直接返回给浏览器，以便用户浏览。总结：数据填充在服务器端进行，就是服务器端渲染什么是客户端渲染数据由浏览器通过ajax动态获得，再通过js将数据填充到dom元素上最终展示到网页中，这样的过程叫做客户端渲染。总结：数据填充在客户端进行，就是客户端渲染服务器端渲染vs客户端渲染服务器端渲染需要消
• 前后端分离，Asp.net core webapi 如何配置跨域 代码掌控者 C#asp.netcore.netcore经验分享c#
  前言可以说，前后端分离已经成为当今信息系统项目开发的主流软件架构模式，微服务的出现，让前后端分离发展更是迅速，大量优秀的前端框架如vue.js、react的出现，也让前后端分离趋势加快。所谓的前后端分离软件架构模式，就是指将前端和后端的开发完全分离，后端负责提供API接口和数据处理，而前端通过各种现代的JavaScript技术如AJAX或者Fetch等，来调用后端提供的API接口获取数据，从而构建
• vue基本语法 多啦爱梦的梦想 vue
  VUEday01异步函数和回调函数何为异步函数：不会马上执行，需要特定的时机执行的函数，由于是异步的，不会阻塞主线程代码的执行异步函数有哪些：ajax请求，定时器，延时器，文件读取何为回调函数：把一个函数当作参数传递，将来特定的时机调用，这个函数就是回调函数，一般异步操作，都会用到回调函数例如：setTimeout(()=>{console.log(2)},1000)==>定时器里面的打印2不会立
• Python全栈 part02 - 006 Ajax drfung
  JSON定义:JSON(Javascriptobjectnotation,JS对象标记)是一种轻量级的数据交换格式;是基于ECMASCript(w3cjs规范)的一个子集.JS-JSON-Python.pngJSON对象定义需要注意的点属性名必须用"(双引号)不能使用十六进制值不能使用undefined不能使用函数名和日期函数stringify与parse方法JSON.parse()将一个JSON
• AJAX实时表单验证系统 三年九班蓝同学
  本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重
• 利用jQuery框架的ajax请求获取json格式的数据 听海边涛声 jqueryajaxjson
  Document$('#btn').click(()=>{$.get('http://localhost:8080/jsajaxproject/jquery_json','username=tom&age=20',(data)=>{//alert(data)alert(data.name+'\t'+data.age+'\t'+data.gender)},'json')})点击按钮：
• python中selenium中使用ajax_使用selenium和python捕获AJAX响应 weixin_39946534
  我曾经截获了一些使用selenium向页面注入javascript的ajax调用.历史的不好的一面是,硒有时可能是,说“脆弱”.因此,无论如何我在进行注射时都会遇到硒异常.无论如何,我的想法是拦截XHR调用,并将其响应设置为我创建的一个新的dom元素,我可以从selenium操作.在拦截的条件下,你甚至可以使用发出请求的url来拦截你真正想要的那个(self._url)也许这有帮助.browser
• 前端Axios搭配Vue（认清Axios，Axios结合Vue发出Ajax请求，返回JSON数据案例！简洁易懂。） 酸奶代码 前端vue.jsjavascriptjsonajax
  一.什么是Axios1.axios是独立于vue的一个项目，不是Vue的一部分2.axios通常和Vue一起使用，实现Ajax操作3.Axios是一个基于promise的HTTP库axios官方文档二.引入Axios库文件1.可以直接引用2.可以下载Axios的js文件导入下载此js文件三.使用Axios配合Vue发出Ajax请求案例在Vue中使用Axios，向服务器发送Ajax请求，将获取的js
• java读取MultipartFile文件excel文件内容 八月林城 javaexcel
  java读取MultipartFile文件excel文件内容@PostMapping("/importData")publicAjaxResultimportData(@RequestPart(name="file",value="file")MultipartFilefile)throwsException{ExcelUtilutil=newExcelUtilvehicleModelVos=ne
• 揭秘Nginx架构-10000并发连接背后的秘密 w风雨无阻w Nginxnginx架构运维
  在当今移动互联网时代,网站的高并发、高性能成为了决胜关键。作为一款出色的开源Web服务器,Nginx以其非凡的高并发处理能力成为了架构师的利器。让我们一同揭开Nginx源码的神秘面纱,探索它高效处理海量请求的秘密。一、为何高并发是如此重要?2000年代以来,随着PC、移动设备的普及,互联网用户数激增。网站的并发连接数也随之大幅提高,常见的网站要承载数十万甚至上百万的并发请求。与此同时,Ajax和H
• 瑞吉外卖——购物车（移动端） 小杰不想秃头 瑞吉外卖项目javaajax开发语言
  需求分析移动端用户可以将菜品或套餐加入购物车。对于菜品来说，如果添加了菜品口味信息，则需要选择规格后才能加入购物车；对于套餐来说，可以直接点击加号将当前套餐加入购物车。在购物车中可以修改套餐或菜品的数量，也可以清空购物车。数据模型需要操作shopping_cart表。代码开发前后端交互过程：点击加入购物车或者加号按钮，页面发送ajax请求，将菜品或套餐加入购物车。点击购物车按钮，页面发送ajax请
• jQuery中的ajax通信技术的讲解 盛夏绽放 jqueryajaxokhttp
  jQuery提供了多种方法来处理AJAX请求，这些方法简化了异步请求的创建和处理。以下是一些常用的jQueryAJAX方法及其演示：1.$.ajax()（1）解释这个方法是最基础也是最强大的AJAX方法，它可以接受一个配置对象来构建并发送HTTP请求。（2）示例：这是一个GET请求模版$.ajax({url:'https://api.example.com/data',//请求的URL地址type
• iview前端向后端传数据一直转圈_记一次开发过程当中，iview遇到的一些坑以及解决办法... weixin_39641450
  写在开头：本次项目采用的是vue2.0+iview3.0，最近公司没啥事，来总结一下开发过程当中遇到的问题。前端一、Modal关闭问题vue需求背景：modal框里面是个form表单，点击肯定以后，先验证form表单，验证经过则关闭modal框，验证不成功则提示用户，不关闭。ajax问题描述：原本刚开始想经过modal框v-model绑定的值(true或false)来进行控制，手动改以后，报错。后
• ajax上传文件报错The current request is not a multipart request的解决办法 BigDataGeek ajaxhtmljavawebjquery
  ajax上传文件报错Thecurrentrequestisnotamultipartrequest的解决办法主要报错语句为：Thecurrentrequestisnotamultipartrequestspring在处理入参的时候，遇到MultipartFile相关就会先去校验。（在controller中会用MultipartFile接受参数）1、当在form中提交的信息包含file的时候，必须要
• 18day2018-07-30 杜大个
  常用参数：1、url请求地址2、type请求方式，默认是'GET'，常用的还有'POST'3、dataType设置返回的数据格式，常用的是'json'格式，也可以设置为'html'4、data设置发送给服务器的数据5、success设置请求成功后的回调函数6、error设置请求失败后的回调函数7、async设置是否异步，默认值是'true'，表示异步；ajax,是前端与后台连接的地方；表单文件中g
• 记录-小程序720°VR（跳转H5页面实现） 久违的小技巧 小程序小程序vrjavascript
  全景浏览提前准备1拍照支架/照片合成软件（KolorAutopanoGiga4.0）或者全景相机2pannellum（pannellum是一个轻量级、免费和开源的Web全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，没有插件。）3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
• 前端篇—ajax wolf67 Djangodjangojsajax
  文章目录前言一、基于JS的ajax实现1.1基础1.2完整代码示例1.3应用二、JSON和JSONP2.1什么是JSON2.2JSON语法2.3应用2.4json与django交互2.5json与xml比较三、基于jQuery的ajax实现3.1基础方法3.2快捷方法用法示例四、跨域请求4.1同源机制4.2jsonp的js实现（未完成）4.3jsonp的jQuery实现4.4jsonp的ajax实
• Ajax的简介和使用 m0_72131231 ajax前端
  一、Ajax简介AJAX全称为AsynchronousJavaScriptAndXML，就是异步的JS和XML。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。1、XML简介XML可扩展标记语言。XML被设计用来传输和存储数据。XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定
• Ajax 解决回调竞争 wangyue4 ajax前端javascript
  回调的竞争，即多次快速点击同一按钮导致多个异步的AJAX请求同时返回，导致数据更新顺序混乱。这种情况在异步编程中很常见，特别是前端开发时，AJAX请求的回调并不保证按顺序执行。$.ajaxSetup()可以设置全局的beforeSend和complete回调函数，这样每个AJAX请求在发送前和完成后都可以执行相应的逻辑。letisRequestPending=false;$.ajaxSetup({
• Enum用法 不懂事的小屁孩 enum
  以前的时候知道enum，但是真心不怎么用，在实际开发中，经常会用到以下代码: protected final static String XJ = "XJ"; protected final static String YHK = "YHK"; protected final static String PQ = "PQ";
• 【Spark九十七】RDD API之aggregateByKey bit1129 spark
  1. aggregateByKey的运行机制   /** * Aggregate the values of each key, using given combine functions and a neutral "zero value". * This function can return a different result type
• hive创建表是报错： Specified key was too long; max key length is 767 bytes daizj hive
  今天在hive客户端创建表时报错，具体操作如下   hive> create table test2(id string); FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(message:javax.jdo.JDODataSto
• Map 与 JavaBean之间的转换 周凡杨 java自省转换反射
  最近项目里需要一个工具类，它的功能是传入一个Map后可以返回一个JavaBean对象。很喜欢写这样的Java服务，首先我想到的是要通过Java 的反射去实现匿名类的方法调用，这样才可以把Map里的值set 到JavaBean里。其实这里用Java的自省会更方便，下面两个方法就是一个通过反射，一个通过自省来实现本功能。 1：JavaBean类 1 &nb
• java连接ftp下载 g21121 java
  有的时候需要用到java连接ftp服务器下载，上传一些操作，下面写了一个小例子。 /** ftp服务器地址 */ private String ftpHost; /** ftp服务器用户名 */ private String ftpName; /** ftp服务器密码 */ private String ftpPass; /** ftp根目录 */ private String f
• web报表工具FineReport使用中遇到的常见报错及解决办法（二） 老A不折腾 finereportweb报表java报表总结
    抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、没有返回数据集： 在存储过程中的操作语句之前加上set nocount on 或者在数据集exec调用存储过程的前面加上这句。当S
• linux 系统cpu 内存等信息查看 墙头上一根草 cpu内存liunx
  1 查看CPU 　　1.1 查看CPU个数 　　# cat /proc/cpuinfo | grep "physical id" | uniq | wc -l 　　2 　　**uniq命令：删除重复行;wc –l命令：统计行数** 　　1.2 查看CPU核数 　　# cat /proc/cpuinfo | grep "cpu cores" | u
• Spring中的AOP aijuans springAOP
    Spring中的AOP Written by Tony Jiang @ 2012-1-18 （转）何为AOP AOP，面向切面编程。 在不改动代码的前提下，灵活的在现有代码的执行顺序前后，添加进新规机能。 来一个简单的Sample: 目标类： [java]  view plain copy print ? package&nb
• placeholder(HTML 5) IE 兼容插件 alxw4616 JavaScriptjquery jQuery插件
  placeholder 这个属性被越来越频繁的使用. 但为做HTML 5 特性IE没能实现这东西. 以下的jQuery插件就是用来在IE上实现该属性的. /** * [placeholder(HTML 5) IE 实现.IE9以下通过测试.] * v 1.0 by oTwo 2014年7月31日 11:45:29 */ $.fn.placeholder = function
• Object类,值域,泛型等总结(适合有基础的人看) 百合不是茶 泛型的继承和通配符变量的值域Object类转换
  java的作用域在编程的时候经常会遇到,而我经常会搞不清楚这个 问题,所以在家的这几天回忆一下过去不知道的每个小知识点   变量的值域;   package 基础; /** * 作用域的范围 * * @author Administrator * */ public class zuoyongyu { public static vo
• JDK1.5 Condition接口 bijian1013 javathreadConditionjava多线程
  Condition 将 Object 监视器方法（wait、notify和 notifyAll）分解成截然不同的对象，以便通过将这些对象与任意 Lock 实现组合使用，为每个对象提供多个等待 set （wait-set）。其中，Lock 替代了 synchronized 方法和语句的使用，Condition 替代了 Object 监视器方法的使用。 条件（也称为条件队列或条件变量）为线程提供了一
• 开源中国OSC源创会记录 bijian1013 hadoopsparkMemSQL
  一.Strata+Hadoop World（SHW）大会         是全世界最大的大数据大会之一。SHW大会为各种技术提供了深度交流的机会，还会看到最领先的大数据技术、最广泛的应用场景、最有趣的用例教学以及最全面的大数据行业和趋势探讨。          二.Hadoop   &nbs
• 【Java范型七】范型消除 bit1129 java
  范型是Java1.5引入的语言特性，它是编译时的一个语法现象，也就是说，对于一个类，不管是范型类还是非范型类，编译得到的字节码是一样的，差别仅在于通过范型这种语法来进行编译时的类型检查，在运行时是没有范型或者类型参数这个说法的。 范型跟反射刚好相反，反射是一种运行时行为，所以编译时不能访问的变量或者方法(比如private)，在运行时通过反射是可以访问的，也就是说，可见性也是一种编译时的行为，在
• 【Spark九十四】spark-sql工具的使用 bit1129 spark
  spark-sql是Spark bin目录下的一个可执行脚本，它的目的是通过这个脚本执行Hive的命令，即原来通过 hive>输入的指令可以通过spark-sql>输入的指令来完成。 spark-sql可以使用内置的Hive metadata-store，也可以使用已经独立安装的Hive的metadata store   关于Hive build into Spark
• js做的各种倒计时 ronin47 js 倒计时
  第一种：精确到秒的javascript倒计时代码      HTML代码:   <form name="form1">   <div align="center" align="middle"
• java-37.有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接 bylijinnan java
  public class MaxCatenate { /* * Q.37 有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接， * 问这n 个字符串最多可以连成一个多长的字符串，如果出现循环，则返回错误。 */ public static void main(String[] args){
• mongoDB安装 开窍的石头 mongodb安装 基本操作
  mongoDB的安装          1:mongoDB下载   https://www.mongodb.org/downloads         2:下载mongoDB下载后解压     
• [开源项目]引擎的关键意义 comsci 开源项目
       一个系统，最核心的东西就是引擎。。。。。       而要设计和制造出引擎，最关键的是要坚持。。。。。。       现在最先进的引擎技术，也是从莱特兄弟那里出现的，但是中间一直没有断过研发的    
• 软件度量的一些方法 cuiyadll 方法
  软件度量的一些方法http://cuiyingfeng.blog.51cto.com/43841/6775/在前面我们已介绍了组成软件度量的几个方面。在这里我们将先给出关于这几个方面的一个纲要介绍。在后面我们还会作进一步具体的阐述。当我们不从高层次的概念级来看软件度量及其目标的时候，我们很容易把这些活动看成是不同而且毫不相干的。我们现在希望表明他们是怎样恰如其分地嵌入我们的框架的。也就是我们度量的
• XSD中的targetNameSpace解释 darrenzhu xmlnamespacexsdtargetnamespace
  参考链接: http://blog.csdn.net/colin1014/article/details/357694 xsd文件中定义了一个targetNameSpace后，其内部定义的元素，属性，类型等都属于该targetNameSpace,其自身或外部xsd文件使用这些元素，属性等都必须从定义的targetNameSpace中找： 例如：以下xsd文件，就出现了该错误，即便是在一
• 什么是RAID0、RAID1、RAID0+1、RAID5，等磁盘阵列模式? dcj3sjt126com raid
  RAID 1又称为Mirror或Mirroring，它的宗旨是最大限度的保证用户数据的可用性和可修复性。 RAID 1的操作方式是把用户写入硬盘的数据百分之百地自动复制到另外一个硬盘上。由于对存储的数据进行百分之百的备份，在所有RAID级别中，RAID 1提供最高的数据安全保障。同样，由于数据的百分之百备份，备份数据占了总存储空间的一半，因而，Mirror的磁盘空间利用率低，存储成本高。 Mir
• yii2 restful web服务快速入门 dcj3sjt126com PHPyii2
  快速入门 Yii 提供了一整套用来简化实现 RESTful 风格的 Web Service 服务的 API。 特别是，Yii 支持以下关于 RESTful 风格的 API： 支持 Active Record 类的通用API的快速原型 涉及的响应格式（在默认情况下支持 JSON 和 XML) 支持可选输出字段的定制对象序列化 适当的格式的数据采集和验证错误
• MongoDB查询(3)——内嵌文档查询（七） eksliang MongoDB查询内嵌文档MongoDB查询内嵌数组
  MongoDB查询内嵌文档 转载请出自出处：http://eksliang.iteye.com/blog/2177301 一、概述        有两种方法可以查询内嵌文档：查询整个文档；针对键值对进行查询。这两种方式是不同的，下面我通过例子进行分别说明。   二、查询整个文档 例如:有如下文档 db.emp.insert({ &qu
• android4.4从系统图库无法加载图片的问题 gundumw100 android
  典型的使用场景就是要设置一个头像，头像需要从系统图库或者拍照获得，在android4.4之前，我用的代码没问题，但是今天使用android4.4的时候突然发现不灵了。baidu了一圈，终于解决了。 下面是解决方案： private String[] items = new String[] { "图库","拍照" }; /* 头像名称 */
• 网页特效大全 jQuery等 ini JavaScriptjquerycsshtml5ini
  HTML5和CSS3知识和特效 asp.net ajax jquery实例 分享一个下雪的特效 jQuery倾斜的动画导航菜单 选美大赛示例 你会选谁 jQuery实现HTML5时钟 功能强大的滚动播放插件JQ-Slide 万圣节快乐！！！ 向上弹出菜单jQuery插件 htm5视差动画 jquery将列表倒转顺序 推荐一个jQuery分页插件 jquery animate
• swift objc_setAssociatedObject block(version1.2 xcode6.4) 啸笑天 version
    import UIKit class LSObjectWrapper: NSObject { let value: ((barButton: UIButton?) -> Void)? init(value: (barButton: UIButton?) -> Void) { self.value = value
• Aegis 默认的 Xfire 绑定方式，将 XML 映射为 POJO MagicMa_007 javaPOJOxmlAegisxfire
        Aegis 是一个默认的 Xfire 绑定方式，它将 XML 映射为 POJO, 支持代码先行的开发.你开发服 务类与 POJO,它为你生成 XML schema/wsdl XML 和 注解映射概览       默认情况下，你的 POJO 类被是基于他们的名字与命名空间被序列化。如果
• js get max value in (json) Array qiaolevip 每天进步一点点学习永无止境max纵观千象
  // Max value in Array var arr = [1,2,3,5,3,2];Math.max.apply(null, arr); // 5 // Max value in Jaon Array var arr = [{"x":"8/11/2009","y":0.026572007},{"x"
• XMLhttpRequest 请求 XML,JSON ,POJO 数据 Luob. POJOjsonAjaxxmlXMLhttpREquest
  在使用XMlhttpRequest对象发送请求和响应之前，必须首先使用javaScript对象创建一个XMLHttpRquest对象。 var xmlhttp； function getXMLHttpRequest(){ if(window.ActiveXObject){ xmlhttp:new ActiveXObject("Microsoft.XMLHTTP
• jquery wuai jquery
  以下防止文档在完全加载之前运行Jquery代码，否则会出现试图隐藏一个不存在的元素、获得未完全加载的图像的大小 等等 $(document).ready(function(){ jquery代码; }); <script type="text/javascript" src="c:/scripts/jquery-1.4.2.min.js&quo

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.