JavaScript前端开发模块化教程13任务十三-银行客服电话查询课件.pptx

1、任务13 银行客服电话查询JavaScript前端开发模块化教程任务导入contents目录成果目标核心知识任务实施强化训练学习成果评量PART1任务导入全国银行主要有中国银行、工商银行、建设银行、农业银行等，在办理银行相关业务时，可以查询各大银行的服务电话，先电话咨询后再 选 择 合 适 渠 道 办 理。本 任 务 综 合 使 用Ajax+JSON技术实现各大银行的服务电话查询功能，任务完成后如图 13 1 银行客服电话查询模块效果图所示。任务导入PART2成果目标 知识目标 技能目标 素质目标知识目标技能目标素质目标1.列举Ajax应用场景；2.理解Ajax原理；3.理解JSON数据格式。

2、1.设计查询表单结构；2.设计CSS样式；3.开发Ajax模板；4.处理Ajax响应数据。1.遵循Web开发规范；2.培养严谨的编程习惯；3.培养分析和解决前端问题的能力；4.培养演绎思维能力；5.培养归纳思维能力。成果目标PART3核心知识13.3.1 Ajax简介13.3.2 Ajax原理13.3.3 HTTP请求13.3.4 HTTP状态码13.3.5 定义XMLHttpRequest对象13.3.6 建立XMLHttpRequest连接13.3.7 跟踪状态13.3.8 中止请求13.3.9 Ajax请求与响应模板13.3.10 获取数据13.3.11 获取纯文本13.3.12 使用A

3、jax加载HTML13.3.13 使用Ajax加载JSON13.3.14 获取JavaScript脚本13.3.15 使用Ajax加载其他服务器的数据13.3.16 获取头部信息13.3.17 JSONP工作原理PART4任务实施13.4.1 编写HTML13.4.2 编写CSS样式13.4.3 编写JSON13.4.4 编写JavaScript13.4.5 测试页面PART5强化训练参考本任务，搜索中国银行各城市支行地址和电话，设计开发中国银行网点信息查询模块。强化训练PART6学习成果评量学习成果测评等级评分指标得分及格P1.能设计制作查询页面结构 P2.能设计编写查询界面样式 P3.能使用Ajax技术根据用户输入关键字进行JSON数据集查询 良好M1.能够根据项目需求局部修改查询界面、触发条件和模糊匹配规则 优秀D1.能够根据项目需求定制信息查询界面 D2.能够根据项目需求定制JSON存储键值和匹配方式 评语 感谢聆听，祝您进步！