我是靠谱客的博主 秀丽纸鹤,最近开发中收集的这篇文章主要介绍Ajax基础1. 基础,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

目录

1. 基础

1.1 传统网站问题

1.2 ajax概述

1.3 XML 介绍

1.4 ajax优点和缺点

1.4.1 优点

1.4.2 缺点

1.5 http协议

1.5.1 请求报文

1.5.2 响应报文


1. 基础

1.1 传统网站问题

网速慢,页面加载长,用户只能等待

表单提交后,如有一项不合格,全部重新填写

页面跳转,重新加载页面,造成资源浪费,增加用户等待时间

1.2 ajax概述

ajax(阿贾克斯):实际浏览器提供的一套方法,实现页面无需更新数据,提高用户浏览网站应用的体验,是异步的js和xml。

最大优势:无刷新的获取数据

应用场景:

  1. 页面上拉加载技术
  2. 列表数据无刷新分页
  3. 表单项离开焦点数据验证
  4. 搜索框提示文字下拉列表

1.3 XML 介绍

XML 是可拓展标记语言,用来传输和存储数据

xml和html类似:不是的是html是预定义标签,xml是自定义标签,用来表示一些数据

现在xml已经被json替代了

1.4 ajax优点和缺点

1.4.1 优点

无需刷新页面与服务器进行通信

运行用户事件来更新部分页面内容

1.4.2 缺点

没有浏览历史,不能回退

存在跨域问题(同源)

SEO不友好(搜索引擎优化)

1.5 http协议

是超本文传输协议,规定了浏览器和万维网服务器之间相互通信的规则

1.5.1 请求报文

重点是格式和参数

行:GET、POST、 url路径 http/1.1

头:Host:atgin.com Cook:name=xiao Content-type:application/x-www-from-url....

空行

体:post请求为空,get不为空  username=ad...

1.5.2 响应报文

行:http/1.1 200 ok

头: content-type :text/html;charset=utf-8  content-lenght:2048

空格

体:html内容 404 403 401 500 200

最后

以上就是秀丽纸鹤为你收集整理的Ajax基础1. 基础的全部内容,希望文章能够帮你解决Ajax基础1. 基础所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(55)

评论列表共有 0 条评论

立即
投稿
返回
顶部