首页 > 其他 > 详细

前端和后端的交互

时间:2020-12-17 11:42:25      阅读:27      评论:0      收藏:0      [点我收藏+]

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表示预期接收数。

前端和后端的交互

原文:https://www.cnblogs.com/iflybutter/p/14148015.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!