Ajax编程Contents目模板引擎案例FormData同源政策模板引擎模板引擎概述作用：使用模板引擎提供的模板语法，可以将数据和HTML拼接起来。官方地址：https://aui.github.io/art-template/zh-cn/index.html模板引擎使用步骤1.下载art-template模板引擎库文件并在HTML页面中引入库文件
2.准备art-template模板模板引擎3.告诉模板引擎将哪一个模板和哪个数据进行拼接varhtml=template('tpl',{username:'zhangsan',age:'20'});4.将拼接好的html字符串添加到页面中document.getElementById('container').innerHTML=html;使用步骤5.通过模板语法告诉模板引擎，数据和html字符串要如何拼接
{{username}}Contents目模板引擎案例FormData同源政策案例验证邮箱地址唯一性1.获取文本框并为其添加离开焦点事件2.离开焦点时，检测用户输入的邮箱地址是否符合规则3.如果不符合规则，阻止程序向下执行并给出提示信息4.向服务器端发送请求，检测邮箱地址是否被别人注册5.根据服务器端返回值决定客户端显示何种提示信息/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/案例搜索框内容自动提示1.获取搜索框并为其添加用户输入事件2.获取用户输入的关键字3.向服务器端发送请求并携带关键字作为请求参数4.将响应数据显示在搜索框底部案例省市区三级联动1.通过接口获取省份信息2.使用JavaScript获取到省市区下拉框元素3.将服务器端返回的省份信息显示在下拉框中4.为下拉框元素添加表单值改变事件（onchange）5.当用户选择省份时，根据省份id获取城市信息6.当用户选择城市时，根据城市id获取县城信息Contents目模板引擎案例FormData同源政策FormData1.模拟HTML表单，相当于将HTML表单映射成表单对象，自动将表单对象中的数据拼接成请求参数的格式。FormData对象的作用2.异步上传二进制文件FormData1.准备HTML表单FormData对象的使用varform=document.getElementById('form');varformData=newFormData(form);
2.将HTML表单转化为formData对象FormData3.提交表单对象FormData对象的使用xhr.send(formData);注意：1.Formdata对...1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。
3、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。
