前端和后端的交互

1.form action

<form action="./02_demo.PHP" method="post" enctype="multipart/form-data">

账号: <input type="text" value="jack" name="username" placeholder="请输入账号"><br>

密码: <input type="password" value="123456" name="userpwd" placeholder="请输入账号"><br>

性别: 男<input type="radio" name="sex" value="男"> 女<input type="radio" name="sex" value="女"> 保密<input type="radio" name="sex" value="保密"><br>

 城市<select name="city">

<option value="北京">北京</option>

<option value="上海">上海</option>

<option value="广州">广州</option>

<option value="重庆">重庆</option>

<option value="天津">天津</option>

</select><br>

<button>传参</button> </form>

2.js

Ajax

Ajax的核心是XmlHttpRequest。我们通过对该对象的操作来进行异步的数据请求。jQuey中使用.ajax，.post等，Angular中使用$http。

创建XHR对象

状态变化事件

onreadystatechange()状态变化函数。readyState的取值0为未初始化，未调用open，1已open未send，2已send未回复，3回复部分，4全部回复。在后台使用推送机制的话，前端会间断的收到推送数据，状态为3。responseText包含曾经的所有推送数据，所以每次读取应该根据旧数据长度查找最新的数据的位置。

响应完成事件

无论什么响应，接收完成就触发。

响应异常事件

进度事件

lengthComputable表示进度信息是否可用，position表示已接收数，totalSize表示预期接收数。