小结一下那些发起数据请求的元素(客户端与服务器端的基情)
2016-04-24 22:51
363 查看
(迁移至CNODE,原文地址)
1.来自DOM文档
对于发起数据请求的元素,DOM文档占得最多。首先是head标签里面的script和link 标签,这俩个标签在页面加载的时候会向服务器请求src或href指定的资源. 不得不说的是script有突破同源策略的能力,可用于跨服务器交流。(一般还是不要用,比较危险)。对于style标签我暂且将其归到css样式表里
下个就是img和embed video这些位于body体里面的元素,与head里面的一样,也会根据指定的地址向服务器发送请求,而且是在页面加载的时候。
特别的是当页面加载完毕,通过javascript动态添加元素,比如body.appendChild(img),这样的话当元素添加到页面中的时候,也会向服务器发送请求,个人认为这是浏览器的固有动作。
2.来自javascript脚本
大家都知道 XMLHttpRequest这个对象(微软的是ActiveXObject(‘Microsoft.XMLHTTP’)),这个对象是脚本里面唯一 一个可以向服务器发送请求的途径,至于请求的方法就不说了,值得注意的是一般为了不影响脚本的继续执行,都使用异步的方式,所以这里要像node.js一样使用callback处理返回的数据,否则就呵呵了。。
3.来自CSS样式表
就目前我所遇到的,就只有background这个玩意能发送数据请求,background后面跟一个背景图片的url,通过url浏览器自动向服务器发送请求,请求的完整路径为baseurl+url,之前的也一样
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
今天写了一个小的服务器探究客户端与服务器端的数据交流,刚开始以为很复杂,比如像音频视屏之类的,搞不懂脚本怎么通过XMLHttpRequest对象
处理这些数据格式,后来直接用一个小小的json就解决了问题,脚本只需获得数据的地址就行,其余的交给浏览器就OK了。
菜鸟写的小文章,大神看了不要笑话哈! :)
1.来自DOM文档
对于发起数据请求的元素,DOM文档占得最多。首先是head标签里面的script和link 标签,这俩个标签在页面加载的时候会向服务器请求src或href指定的资源. 不得不说的是script有突破同源策略的能力,可用于跨服务器交流。(一般还是不要用,比较危险)。对于style标签我暂且将其归到css样式表里
下个就是img和embed video这些位于body体里面的元素,与head里面的一样,也会根据指定的地址向服务器发送请求,而且是在页面加载的时候。
特别的是当页面加载完毕,通过javascript动态添加元素,比如body.appendChild(img),这样的话当元素添加到页面中的时候,也会向服务器发送请求,个人认为这是浏览器的固有动作。
2.来自javascript脚本
大家都知道 XMLHttpRequest这个对象(微软的是ActiveXObject(‘Microsoft.XMLHTTP’)),这个对象是脚本里面唯一 一个可以向服务器发送请求的途径,至于请求的方法就不说了,值得注意的是一般为了不影响脚本的继续执行,都使用异步的方式,所以这里要像node.js一样使用callback处理返回的数据,否则就呵呵了。。
3.来自CSS样式表
就目前我所遇到的,就只有background这个玩意能发送数据请求,background后面跟一个背景图片的url,通过url浏览器自动向服务器发送请求,请求的完整路径为baseurl+url,之前的也一样
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
今天写了一个小的服务器探究客户端与服务器端的数据交流,刚开始以为很复杂,比如像音频视屏之类的,搞不懂脚本怎么通过XMLHttpRequest对象
处理这些数据格式,后来直接用一个小小的json就解决了问题,脚本只需获得数据的地址就行,其余的交给浏览器就OK了。
菜鸟写的小文章,大神看了不要笑话哈! :)
相关文章推荐
- 技术分析之JQuery
- Promise规范
- fedora 一命令安装 maven
- 技术分析之JavaScript
- 编写可维护的JavaScript—语句和表达式&变量、函数和运算符
- 获取文件上传进度
- 技术分析之CSS+div
- 《LeetBook》leetcode题解(19):Remove Nth Node From End of List[E]——双指针解决链表倒数问题
- arcgis api for javascript 3.16开发(一)
- 【译】velocity
- 技术分析之HTML
- 推荐一款Table样式-Tablecloth
- Javascript Web Design
- jQuery笔记-事件
- CSS-盒模型
- React-Native学习[起步]
- Qt基础:样式表
- CSS3笔记
- angular 过滤排序
- js关于setTimeout实现延时执行函数并进行传参