Ajax入门（三种方法、postman接口测试、form表单、模板引擎）
最后更新：2022-05-20 20:14:15 手机定位技术交流文章
Ajax
URL 该地址被称为通用资源定位器,用来确定每个资源在互联网上的位置。
组成：
1. 客户-服务器通信协议
2. 存储资源所在的服务器名称
3. 服务器上资源的确切位置
客户端: 启动浏览器, 输入要查看的地址, 然后返回车辆, 向服务器提交请求 。
接受客户的要求;评价内部查询并找到适当的资源;回答和发送客户
请求——处理——答复是程序。
网页中的常见资源：
页面上的文字、视频、图像和其他数据也是资源;数据是页面的精髓。
网络请求数据:如果在网页上请求服务器上的数据资源,则需要 XMLTtprequest 对象。
var xhrObj=new XMLHttpRequest()
get 请求通常用于获取服务结束时的资源。
post 请求通常用于将资源传输到服务器。
Ajax 使用 XMLHttpExcess 对象和服务器在网页上进行数据互动。 这样就可以更容易在网页和服务器( 数据传输) 之间进行数据互动 。
ajax 有几种用途,例如数据更新。
jq Ajax:jq 覆盖 XMLHttpExpress 对象,使其更容易使用。
三种常用方法：
$.get(url,[data],[callback])
data 向服务器发送数据,显示需要从URL地址获取哪些具体数据, data 一般是以对象的形式
XHR 页面可以检查请求的获取情况。
带参数请求：
从服务器上收集的数据在回调功能中由 Res 重新发送, 这可能默认于服务器发送的数据 。
服务器返回的数据在回溯函数中以 rex 表示。
$.ajax() 这是一项职能上更加一体化的职能。
基本语法：
当使用ajax要求数据时,所要求的URL地址称为数据接口(接口),每个接口同时运行。 必须有请求方式 。例如：
以下是使用 Get 请求接口的程序 :
以下是通过员额要求数据的程序:
这也是请求处理程序。
邮后接口测试工具
接口文档是接口的描述 。
界面的名称、 界面的 URL 和如何调用( 例如, 参数格式( 界面必须传递的参数) ),提供参数名称、 类型、 必需的可选范围、 参数解释等 、 回答格式( 完整解释界面返回的值、 通用按钮数据名称、 数据类型、 描述等) 、 返回示例( 选项等 ) 。通过对象的形式，例如,服务器可以返回数据结构。 )
Resetui () 方法返回方向盘到底部 。
form 表单
进行数据采集<form></form>
窗体组件包括窗体标签、窗体字段和窗体按钮。
form 标签的属性
action :url,将窗体数据发送到
如果窗体中没有指定动作属性值, 动作默认要提交当前页面的 URL 。
当提交表格时,页面被重定向到所提供的 URL, 所提供的数据存储在 URL 后面 。
target 指定要在哪里打开属性。 action url
method 属性:控制向动作url提交窗体数据的方式。
获得和员额价值
方法值以默认设置,表示 它采取网络地址的形式。 ,从窗体向 URL 发送数据
post 该技术不显示用户名称和密码;它更安全,必须配置为员额(大量复杂的数据或文件上载的数据)。
enctype 属性用于指定在将数据作为窗体数据发送之前如何编码数据。
应用程序/x-ww-form-urlencoded是一个可选参数,表示所有字符在传输前都已编码。
上传文件时, 必须使用第二个文件 。
同步提交表格中的缺陷:
整个网站都通向行动网络的地址。
如果不装入页面, 数据将会丢失 。
该表单仅用于收集数据,而 Ajax 则用于向服务器提交数据。
表格不应默认提交。 ：
event.preventDefault()
仅一次以表格形式获取所有数据:
var data = $('#f1').serialize()获取的数据&进行分割
在使用 函数序列序列化 () 每个元素必须有一个名称属性! (在接口文档中, 名称属性的材料可以通过引用数据名称来引用, 通过序列化() 获得的内容会被直接传送到服务器, 因此不需要数据处理 。)
eg ：
join (') 函数可用于指定分组应与空字符串相连接。
要将 jq 对象转换为本地的 dom 对象,请使用重置( 0 函数清除窗体的输入数据) 。
是要加入"形式",而不是按键!
模板引擎
根据程序员指定的 模板结构和数据 ,自动建立一个完整的 HTML 接口
优点包括减少字符串拼写、更清洁的代码组织以及更方便的代码阅读和维护。
使用步骤：
导入 ent- templatate 导入
定义数据
脚本必须定义用于定义模板( ) 的 html 结构 。
<script type="text/html" id="tpl-user"></script>
要定义模板,请将脚本标签中的类型设置更改为分辨率 html 格式。
Tellate( 模板id, 要转换的数据) 函数( 模板id 不需要写入 # )
渲染HTML页面
标准语法：输出
{ {}} 变量、对象属性、三表达式输出、逻辑或输出的语法输出,表达式加或负抵消
原始输出 : @ valu 如果输出值包含 HTML 标签结构, 原始输出语法是必要的, 以保证 HTML 标签的显示适当 。
条件输出
如果要达到标准,如果/如果符合条件,产出可在条件条件下进行,如果/如果符合条件,如果/如果符合条件,产出可以在条件条件下进行,如果/如果符合条件,可以/如果/如果符合条件。
{ {if flag === 0}}
flag 的值是0
{ {else if flag === 1}}
flag 的值是1
{ {/if}}
循环输出：
如果您想要循环出去, 您可以通过环绕合成阵列进行循环, 而当前周期的指数是$index 。
访问次数,以美元价值获得的当前周期值
{ {each hobby}}
<li> 索引是:{ {$index}}，循环项是:{ {$value}}</li>
{ {/each}}
过滤器：
过滤器: 这是一个很好的动作处理功能 。
与管道操作员相似的过滤器语法, 上一个输出为下一个输入: 值过滤器Name
template.defaults.imports.dateFormat = function (value){reurn 过程的输出随后显示在接口上,该接口出现在最后的页面上。
eg 过滤期过滤 :
let date=new Date(dateStr)
template.defaults.imports.dateFormat = function (date) {
var y = date.getFullYear()
var m = date.getMonth() + 1
var d = date.getDate()
return y + '-' + m + '-' + d
}
过滤器的调用：
<h3>{ {regTime | dateFormat}}</h3>
当使用带有模板字符串的模板函数时,必须小心输入数据。在大多数情况下,只需输入模板函数内最外层变量的名称就足够了。它还受到如何密封模板功能的影响。还有必要评估数据是否包含复杂的数据类型或基本数据类型。它取决于属性值还是对象名称要上交 。
模板引擎的 Exec 函数可提供与成功、 索引等匹配的字符串信息! 尝试返回无效失败 。
正则表达式( 包装的) 内容代表一个组 。 ：
eg ：
var str = '<div> 我是{ {name}}</div>'
var pattern = /{ {([a-zA-Z]+)}}/
replace
test 和 exec 是正则表达式调用, 而替换为字符串替换调用 。
使用( ) 常规表达式来分组, 重新获得匹配字符串中想要的值, 是一种实用的方法!
替换:
本文由 在线网速测试 整理编辑，转载请注明出处。
