首页 > 代码库 > js学习总结----ajax中的http请求方式及同步编程和异步编程
js学习总结----ajax中的http请求方式及同步编程和异步编程
一、请求方式
var xhr = createXHR(); xhr.open("get","/getList?num=12",true); xhr.open("post","/getList",true); xhr.send(‘{"name":"zhangsan","age":7}‘) //HTTP METHOD;客户端向服务器端发送请求的方式 //以下的请求方式不管哪一种都可以向服务器传递数据,也可以从服务器中获取到数据,从本质意义上讲以下的方式是没有任何区别的,例如用post做的事情用get也能做,而我们接下来讲的区别都是目前开发者们约定俗成的规范: /* GET:一般应用于从服务器获取数据(给服务器的数据少,从服务器拿的数据多,项目中最常用的请求方式就是get) 使用GET请求给服务器传递内容我们一般都使用"URL问号传参的方式" POST:一般应用于向服务器推送数据(给服务器的多,从服务器拿下来的少) 使用POST请求给服务器传递内容我们一般都使用"请求主体的方式"传递给服务器 PUT:一般应用于给服务器上增加资源文件(我们上传图片功能) DELETE:一般应用于从服务器上删除资源文件 HEAD:一般应用于只获取服务器的响应头信息 */ /* GET PK POST 大小问题: GET请求传递给服务器的内容存在大小的限制,而POST理论上没有限制 原因:GET通过URL传参给服务器,而每个浏览器对于URL的长度存在限制,谷歌8kb、火狐7kb、IE12kb的长度限制,如果URL的长度超过限制,浏览器会把超出的部分截取 缓存的问题: GET请求会出现缓存(这个缓存不一定是304),POST是没有缓存的 在项目中我们的GET请求一般不会让其出现缓存"清楚缓存":在url的末尾加一个随机数 xhr.open("get","/getList?num=12&_="+Math.random(),true); 安全问题 一般来说GET不安全,而POST相对安全一些 */
二、同步编程和异步编程
//同步(SYNC)和异步(ASYNC)编程 //JS是属于单线程的,我们最好使用异步编程 //定时器都是异步编程的 //事件绑定都是异步编程的 //回调函数也可以理解为异步编程 //在AJAX中可以使用异步编程 var count = 0; window.setInterval(function(){ count++; console.log(count);//再输出1 },1000)//如果定时器的时间设置为0也不是立马执行,而是需要等待一段时间,我们设定的时间是1000ms,但是不一定时间到就会执行,如果当前浏览器的线程被占用,会一直等待 console.log(count);//先输出0 while(1){ }//加了while之后定时器里面的代码就不会执行 //如果多个定时器的时间都到了,先执行时间短的这个定时器 //AJAX中的同步:当AJAX任务开始的时候(XHR.SEND)需要等到readyState===4,才可以执行下面的任务 //AJAX中的异步:当AJAX任务开始的时候(XHR.SEND)不需要等到readyState===4,我们依然可以继续做其他的任务,并且只有其他的任务完成后,我们在看是否为4,到达4的时候做一些相关的操作
js学习总结----ajax中的http请求方式及同步编程和异步编程
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。