kok电子竞技权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
kok电子竞技:文档简介
主讲:吕大豹第六讲:ajax全面解析爱前端jQuery系列分享Contents目录ajax基础知识011.1ajax是什么?AsynchronousjavascriptAndXML异步的javascript和XMLajax1.2什么是同步?什么是异步?同步:javascript是单线程的,代码始终自上往下依次执行。可以异步执行的代码:ajax、setTimeout、setInterval异步:任务1任务2任务1任务2任务2的回调函数任务1和任务2同时执行看个例子1.3异步请求有什么用途?制作单页面应用,用户操作不进行跳转,每次只更新局部内容表单即时校验,如文本框失去焦点立即校验进行前后端分离,后端只关注数据定时异步请求(轮询),实现伪实时效果。如在线聊天室异步加载多级数据,如树形结构、多级联动菜单、分页。。。1.4异步请求的优缺点优点:不会阻塞当前正在进行的任务局部刷新,避免页面跳转,用户体验更好减少请求数据的大。釉馗煊欣谇昂蠖朔掷,后端只关注数据缺陷:毁坏了浏览器前进后退按钮的功能不利于SEO无法跨域1.5认识XMLHttpRequest对象varxhr=newXMLHttpRequest();console.log(xhr);1.6原生ajax写法请求的5个阶段:对应readyState的值0:未初始化,send方法未调用1:正在发送请求,send方法已调用2:请求发送完毕,send方法执行完毕3:正在解析响应内容4:响应内容解析完毕看示例兼容低kok电子竞技本IE的写法jQuery中的ajax022.1jQuery中的ajax$.get(url,[data],[callback],[type])$.post(url,[data],[callback],[type])$.getJSON(url,[data],[callback])$.getScript(url,[callback])$.fn.load(url,[data],[callback])$.ajax(
{
url:‘请求地址’,
type:‘GET/POST’,
async:true/false,//是否异步
data:{},//发送的数据
timeout:‘5000’,//超时时间
dataType:‘json/xml/html/script/json/jsonp/text’,//返回的数据格式
beforeSend:function(xhr){},//发送请求前
success:function(data,textStatus,jqXHR){},//请求成功
error:function(xhr,textStatus){},//请求失败
complete:function(xhr,testStatus){},//请求结束})JSONP查看示例3.jQuery全局设置和全局事件3.1全局设置$.ajaxSetup({ type:'POST', timeout:'6000', dataType:'json', beforeSend:function(){ console.log('loading...'); }, error:function(){ alert('请求失败,请重试!'); }});ajax的所有配置项均可进行全局设置常用的全局设置:查看示例3.2全局事件只要页面发生ajax请求,就会触发ajaxStartajaxSendajaxStopajaxErrorajaxSuccessajaxComplete查看示例序列化数据4Part4.1表单数据序列化作用:异步提交表单,免去跳转快速获取表单数据serialize()//序列化为字符串serializeArray()//序列化为数组JSON.parse()//json字符串转化为json对象JSON.stringify()//json对象转化为json字符串查看示例5实际应用&踩过的坑ONE5.1想要return异步数据查看示例5.2同步ajax引起的UI线程阻塞查看示例
5.3为ajax设置超时时间设置timeout参数,单位毫秒查看示例5.4判断error类型error的类型可能有:timeout超时error获取不到具体错误notmodified返回304parsererror解析xml或json错误abort请求取消查看示例6.拓展知识HTML5的XMLHttpRequest2promise规范和jQuery的Deferred对象提问答疑THANKYOU谢谢观看
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
kok电子竞技:最新文档
- 糕点店装修粉刷施工协议
- 建筑设计科技合同管理办法
- 公路隧道照明工程合同范本
- 农业大棚外保温施工合同
- 电视连续剧演员招聘合同
- 2025年度VOC废气处理设备定期检查与维修合同3篇
- 农田水利招投标监管与优化
- 青年旅社施工合同
- 矿山梦想钢管架施工合同
- 高新技术产业投标响应范本
- 2024年企业团购:销售合作协议3篇
- 2024-2025学年八kok电子竞技语文上学期期末真题复习 专题06 文言文阅读
- 2024秋国开《管理学基础》形考任务(1234)试题及答案
- 叉车安全管理
- 制药课程设计三废处理
- 期末测试卷(试题)-2024-2025学年北师大kok电子竞技数学五kok电子竞技上册
- 考试安全保密培训
- 关于培训的课件
- 2024上海市房屋租赁合同范本下载
- 江苏省扬州市2023-2024学年高一上学期期末考试物理试题(含答案)
- 2024年时事政治题库附参考答案(综合题)
评论
0/150
提交评论