龙空技术网

js的数据交互

任暖夕 450

前言:

现在同学们对“javascriptphp交互”都比较注重,姐妹们都想要分析一些“javascriptphp交互”的相关文章。那么小编也在网络上汇集了一些关于“javascriptphp交互””的相关内容,希望各位老铁们能喜欢,大家快快来了解一下吧!

Hello,大家好,今天我向分享一下数据交互,觉得有用的话就关注我吧。

表单

1.属性

action 提交到哪

method 方式 Get post

name 必须加,可以重复

数据提交方法区别

Get 数据放在url里

1.容量很小

2.看得见(表单)

3.有缓存

4.利于分享和收藏

Post 数据放在http-body里面

1.容量很大

2.看不见

get,post安全性完全一样,https才是真安全

选择器

这是H5选择器的新用法

document.querySelectorAll('#form')

Es6封装函数

const $=document.qureySelectorAll.bind(document);

使用方法:

let oForm=$('#form')[0]

ajax

ajax怎么写的

1.连接

xhr.open(‘Get’,‘1.php?a=12’,true);

2.发送

xhr.setReuestHeader('content-type','apllication/x-www-form-urlencoded')

xhr.send();

3.接收

xhr.onreadystatechange=function(){alert(xhr.readystate)}

状态码代表意义:

0 初始化-刚刚创建

1 已连接

2 已发送

3 已接收-头

4已接收-body

http 状态码:数字

1xx 消息

2xx 成功

3xx 重定向?

301 永久重定向-浏览器永远不会请求老的地址

302 临时重定向-浏览器还会请求老的地址

304 缓存

4xx 请求错误

5xx 服务器错误

6xx

xml

xml是html的爹

例子:

<person>

<name>小明</name>

<age>25</job>

</person>

重定向与转发

重定向 给浏览器下命令,让浏览器去请求另一个地址-地址变的

转发 在服务器内部,把请求转交给另一个模块处理,对客户端是不可见的-地址不变

restful不是接口,也不是标准,风格,习惯

text/plain 纯文本

application/x-www-form-urlencoded &&&的方式 用户名密码

multipart/fprm-data 定界符分割各个数据(文件上传)

标签: #javascriptphp交互