ajax
了解AJAX
如何打开终端的快捷键
Window+R==》CMD==》ipconfig
动态页面:跟后台发生数据交互的页面。
前后台数据交互依赖的一项技术叫 ajax。
js的异步操作
定时器
事件
回调函数
ajax
ajax的优点 可以局部更新网页内容。
ajax的本质就是XMLHttpRequest 对象
控制台出现三个属性
readyState 请求的五个阶段 0 1 2 3 4
responseText 返回的文件内容
status 状态码 返回状态信息
在__proto__有三个方法
Open()
send()
onReadyStateChange()
了解
xml 是一种数据存储格式 抛弃了
json 是一种数据存储格式 当前最流行的
status 的状态码
200 表示成功了
3xxx 代表禁用的意思
404 代表文件没有找到
5xx 代表服务器的问题
AJAX传参
客户端和服务器
请求 request
响应response
AJAX请求的方式
GET 看得见(不加密),传送数据小,通过网络地址传
POST 看不见(加密),传送数据大一些,通过http中的某个对象的一个body属性
跨域
不在一个服务器下 就是 协议 域名 端口 三者有一个不一样就是跨域
同源策略
请求的地址和浏览器的地址必须在同域下,就是说协议端口域名都得一样。
http//172.164.130.56:80
http 是协议 172是 ip地址 80是端口
互联网的协议是http和https两种
解决跨域
靠标签身上的src属性解决跨域问题,利用script标签的src属性去请求外部的数据看网络地址 关键单词 cb和callback,跨域不能万能的,不能随便一个就能,那也待允许你才能跨域。
127.0.0.1:8020 上的写法。
写一个回调函数
注意:位置不能写错,
服务器127.0.0.1:8088中 博客跨域练习.j中的写法
如果是我们自己写,如果在另一个服务器上写数据,想用跨域来做,那就需要把回调函数的名字套住这个数据,相当于调用fn把数据当作参数
关键字 cb和callback,如果是网络地址不是你的服务器,你也不知道怎么写
别的网络地址 一定提供 cb或callback,否则就用不了
dom形式的
这个就没有顺序问题,因为他们在同一个script下,同一个script下就是在同一个作用域下,同一个作用域下 function有变量提升 无论function在哪 fn都在第一个 。我不给你script和src属性,通过dom创建
还有两种写法:
如果没有cb或callback,找到数据形式。找到数据里面是上面,我们可以通过url查看数据是什么,里面套了个函数,就可以这样写
看地址 知道网络地址有cb或callback,我只需要jsonp函数对应的字符串就行了,如果知道数据就用jsonpcallback就行