10.18ajax第三天

1.url地址后面如果需要参数的话格式为?id=1&name=zs

2.在url编码规则中，一个中文的字符会被编码成三个带百分号的字符%E8%A5%B6来表示一个中文汉字

3.url的编码方法。encodeURI（str）

解码方法decodeURI（%  %  %  ）

4.get方法是从服务器返回数据，可以拿到需要的数据

post是向服务器提交数据，可以把自己的数据添加到服务器中

post中如果要提交数据，必须在第四步调用send（）函数中用查询字符串的方式提交数据

5.html用于网页和客户端传输网页内容。xml用于传输网页和客户端传输数据

6.json是用来表示js对象和数组的字符串

7.json对象中属性名key必须用双引号包裹，值中如果有字符串也必须用双引号，不能用单引号

json中不能写注释。json的最外层必须是对象或数组格式

8.var obj=JSON.parse('{"a":"hello","b":"world"}')。把json对象转化成js对象

{a:'hello',b:'world'}

9.var json=JSON.strringify({a:'hello',b:'hello'})

结果：’{“a”:"hello","b":"world"}‘

9.把数据对象转化成字符串的过程，用JSOn,stringify()，叫做序列化

把JSON字符串转化成数据对象的过程，用JSON.prase()。叫做反序列化

10.join（）函数的作用是把数组元素转化成字符串，用括号里面的东西进行分割。

例如：arr=[1,2,3,4,5]

arr.join(&)=1&2&3&4&5//即成为一个字符串

11.        .toUpperCase()可以将字符串转化成大写。判断对象写在点前面，括号里面不用写东西

12.用xhr发起get请求

13.用xhr发起post请求 

 14.xml2的新特性

15.在get请求中设置超时时间。

new一个xhr对象之后，用xhr.timeout=3000

timeout方法跟了一个处理函数

xhr.ontimeout=function(){}

函数中跟的是超时后函数体的操作

 

 16.用formdata对象操作表单数据

 new了一个formdata对象后，先用append方法向里面传入属性名和对应值。然后再调用xhr的post方法把formdata对象传入send中提交

17.用formdata快速获取表单数据的值并提交

 阻止表单的自动填充行为

input加冒号password可以生成密码框的文本框 

代码实现

（<br/>标签的作用是换行） 

18.上传用户文件操作

1.验证用户有没有选择文件

 1.files方法可以获取一个数组，就是用户已经选择的文件，如果files.length长度小于等于零，说明用户没有选择文件，不执行任何操作退出函数并弹出一个提示框

上传文件的文本框是<input  type="file"  id="file1">,设置了type属性就能让文本框实现选择文件的功能。

2.向formdata中追加文件的·方法。append即可

 19.xhr发起上传文件的请求

上传用户文件的最后一步，监听onreadystatechange事件

 

这里需要定义一个data去接收服务器返回来的字符串并把它转化成对象格式。然后就能够操作这个对象里面的元素 

访问一个图片时，需要的是一个根路径url地址加上服务器返回来的地址，把这个完整的地址给img的src属性就能访问到图片

 获取文件的上传进度

 20.js中有关数据计算处理的函数

Math.floor(5.123);//5                Math.cell(5.123);//6

返回min到max之间的随机数（包括min和max）

function getRandteger(min,max){

return Math.floor(Math.random()*(max-min+1))+min;

}

21.bootstrap中如果引入一个组件，有用的一般只有一个class类名，其他不太有用的属性都可以删掉。但是class属性中一个都不要删

22.给自定义属性设置值

$('#precent').attr('style','width'+precentComplete+'%')

23.        .removeClass和.addClass分别是移除元素的所有属性和给元素添加属性

.addclass('proccess')

24.files操作是原生js才有的方法，jq中元素使用时需要转化成dom使用。

例如：var files=$('#file1')[0].files//file1是一个上传文件的文本框

此时拿到的files是一个数组

25。用jq上传文件

.ajaxStart函数用于监听到ajax已经发起

 

 ajaxStop函数