AJAX基础知识点学?

1、AJAX(Asynchronous JavaScript and XML)即,异步JavaScript和XML

2、同步/异步差别


同步

①每次进行整个页面的刷新

②同步的链接在同一时间仅仅能有一个,它的运行会阻止兴许JS的运行,JS必须在同步链接运行完成后才干继续运行。

异步

①每次仅仅刷新须要更新的部分

②能够发生多个,同一时候,不会阻止JS执行

3、异步载入/AJAX的特点及优势

① 局部刷新,按需载入,仅仅有页面中真正改变的部分得到更新;

② 可以减少server的数据流量,页面在更新,用户可以继续工作

③ 浏览器可以从server端同一时候请求多项内容

④ 每次传递的流量相对是比較小的,浏览器请求返回速度快一些

4、不能整个页面所有使用AJAX进行数据申请的原因?

由于不利于SEO,标签内部都是空的,SEO抓取不到,对于页面中比較重要的信息,通常使用静态

5、AJAX几个基本API

①new XMLHttpRequest() (IE5 和 IE6 使用 ActiveXObject)。

②open()

③send()

④onload()

⑤responseText()

老版本号的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:

variable=new ActiveXObject("Microsoft.XMLHTTP");

为了应对全部的现代浏览器,包含 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象。假设支持,则创建 XMLHttpRequest 对象。假设不支持,则创建 ActiveXObject :

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

open(method,url,asyn) 确定即将链接的网址及方式

參数

method:String 採用post/get形式请求

url:String, 要链接的网址

asyn:Boolean,是否发起异步请求


send(data)

參数 

6、异步载入的几个基本步骤

<script>

var url = ‘2.html‘;

// 创建请求

var xhr = new XMLHttpRequest();

// 确定请求的方式以及请求的地址

xhr.open(‘post‘,url,true);

// 发生请求

xhr.send(null);

// server端载入完毕

xhr.onload = function() { document.writeln(xhr.responseText); }

</script>

7、AJAX仅仅能处理文本类的文件,对于图片不能处理

8、innerHTMl中script代码是不会被运行的,AJAX返回的是字符串


eval的作用:让字符串当做JS去运行,假设遇到innerHTML中JS不运行的问题,须要使用eval方法,可是,性能不好,同一时候在JS的严格模式和非严格模式下存在不同,在项目和代码中尽量少出现.

xhr.onload = function() {

con.innerHTML=xhr.responseText;

/*con下的script*/

var cons = con.getElementsByTagName(‘script‘);

for (var i = 0; i < cons.length; i++) {

eval(cons[i].innerHTML);

};

}

/*

*  a、直接在对象data后面加点。再加属性就可以;

*  b、採用[ ]的方式訪问,有点类似数组,只是是通过key去索引;

*/

var json = ‘{"a":"HTML5自由者", "b":"黄艺斌"}‘;

var data = eval("("+json+")");

alert(data.a);     // 弹出: HTML5自由者

alert(data[‘b‘]);  // 弹出: 黄艺斌

假设每一个tab切换都用一个文本格式来创建则要求创建非常多,这时候须要用到数据格式JSON或者XML

9、?数据格式

JSON 与 XML都是常见的数据格式


JSON(JavaScript Object Notation)轻量级数据格式,直译为JavaScript对象符号

XML是一种可扩展标记语言,与HTML都是标记语言

10、? JSON优劣势:


JSON的优势

JSON的劣势

① 轻量级,体积小,节省流量,提高载入速度

② 解析成原生JS对象,解析比XML更快

③ 查找数据无需查找标签,更快

在古老的浏览器如IE7-中不支持原生JSON解析,

须要引入第三方库的支持

JSON/XML辨析:

可读性:两者都有非常长的可读性,XML数据严格遵循XML DOM模型规范,JSON严格遵循JS语言语法

可扩展性:XML数据通过自己定义标签,能够设计更复杂的数据嵌套结构,而JSON能够通过数组和对象的无穷组合也能够模拟随意XML数据结构。

编码难度:XML有丰富的编码工具(如Dom4j、jDom等),JSON也有json.org提供的工具,可是JSON编码明显比XMLeasy,即使不借助工具也能够手写JSON代码,可是要手写XML文档就很困难。

解码难度:XML数据解析需考虑结构层次及节点关系,解析难度很大,JSON数据不存在解析难度

文件大小:相同的数据,XML文件大小大于JSON文件体积大小

11、JSON常见形式:对象、数组

JSON数组的写法:

数组是一个有序的值的集合

JSON对象的写法:

对象是一个无序的"名/值"对的集合

12、JSON数据的内容

JSON中数据内容通过值来表示:字符串、数值、逻辑值、null、对象、数组

* 字符串必须使用双引號括起来

* 数值能够直接引用,不须要加入?引號

* 逻辑值仅包括true和false,直接引用,不须要加入?引號

* 在JSON数据中,分隔符(空格,制表符和换行符)是不被解析的,因此可在任何位置添加?空白

13、JSON数据类型转换


JSON.parse(string);  将json字符串string转换为js对象

JSON.stringify(obj); 将JS对象转换为JSON字符串

转载请注明出处:CSDN博客--HTML5自由者  http://blog.csdn.net/html5_

时间: 2024-12-14 18:46:35

AJAX基础知识点学?的相关文章

.NET基础知识点

.NET基础知识点   l  .Net平台  .Net FrameWork框架   l  .Net FrameWork框架提供了一个稳定的运行环境,:来保障我们.Net平台正常的运转   l  两种交互模式 C/S:要求客户的电脑上必须要安装一个客户端:qq.360.快播等..... B/S:要求客户的电脑上只需要安装一个浏览器   l  书写代码需要注意的地方: n  代码中出现的所有标点都是英文半角 shift键快速切换中文半角和英文半角 n  shift+空格切换全角/半角 n  在c#代

JAVA基础知识点总结(全集)

1.JAVA简介 1.1java体系结构:j2se,javaweb,j2ee 1.2java特点:平台无关(虚拟机),垃圾回收(使得java更加稳定) 1.3 JDK与JRE,JDK:java开发环境,JRE:java运行环境 1.4第一个java程序:HelloWorld,java的入口是main(public static void main(String[] args)) 1.5java程序的开发步骤:.java编译(javac)成.class运行(java).class文件 2.基本数据

JAVA编程语言基础知识点讲解

不管是对于JAVA编程的学习还是其他的编程语言,都是从零基础学起,那么就需要将所有零散的知识点整合在一起,这样系统地学习一门语言,才能更好的入门并且掌握,通过对基础知识点的学习与了解,才能更加深入的学习后续的编程代码,在成为JAVA开发工程师的道路上可以更加的顺畅. 1.关键字:其实就是某种语言赋予了特殊含义的单词. 保留字:其实就是还没有赋予特殊含义,但是准备日后要使用过的单词. 2.标示符:其实就是在程序中自定义的名词.比如类名,变量名,函数名.包含0-9.a-z.$._: 注意: (1)数

【经验分享】给初学者的建议!零基础转行学Python该怎么学?

Python编程语言由于自身具有的“清晰”.“简略”等特点而受到众多使用Python编程语言的IT从业者喜爱.而且,对于初学者来说,比起其他编程语言,Python 更容易上手.加上很多企业都使用Python编程语言,促进了Python程序员的市场需求量增加. 转行零基础学Python编程开发难度大吗?从哪学起? 近期很多小伙伴问我,如果自己转行学习Python,完全0基础能否学会呢?Python的难度到底有多大? 今天,小编来为大家详细解读一下这个问题. 首先,我们普及一下编程语言的基础知识.用

[触动精灵]零基础小白学触动5-8

零基础小白学触动 - 05 - 触动常用函数 点击 滑动 原理 其实都可以分解成 按下=> 等待一定时间或者移动动作=>  松开 点击: tSLib库的函数tap(x,y) 后面还有2个参数 可以自己看手册  https://www.zybuluo.com/miniknife/note/293935#函数tap-点击 滑动  moveTo(x1,y1,x2,y2,step)   详细的   https://www.zybuluo.com/miniknife/note/293935#函数move

【javascript】ajax 基础 --本文转载

[javascript]ajax 基础 什么是 ajax ajax 即"Asynchronous JavaScript and XML"(异步 JavaScript 和 XML),也就是无刷新数据读取. http 请求 首先需要了解 http 请求的方法(GET 和 POST). GET 用于获取数据.GET 是在 URL 中传递数据,它的安全性低,容量低. POST 用于上传数据.POST 安全性一般,容量几乎无限. ajax 请求 ajax 请求一般分成 4 个步骤. 1.创建 a

黑马程序员——Java I/O流基础知识点(File类)

File工具 File类就是用俩将文件或者文件夹封装对象,弥补流对象的不足--流只能操作数据,不能操作文件夹的 封装的是路径!!! 构造方法演示 1.可以将已有的未出现的文件或者文件夹封装成对象. File f1=new File("c:\\abc\\a.txt"): File f2=new File("d:\\abc","ab.txt"打印,会打印路径.:目录分隔符,为了更好地跨平台File. File类常见功能 1,创建 createNewF

HTML5基础知识点

今天了解html,下面是我分享的有关html的基础知识点: ①什么是html? html是一种超文本标记语言(超文本标记标签) ②html标签是html中的最基本单位 也是最重要的部分,html标签分为单标签和双标签. 单标签</>   双标签<></> html中的一些常见标签 1,<br/>换行标签    2,<hr/>水平分割线标签   3,<p></p>段落标签     4,<pre></pre&

C# .Net基础知识点解答

C# .Net基础知识点解答 1. 什么是.NET?什么是CLI?什么是CLR?IL是什么?JIT是什么,它是如何工作的?GC是什么,简述一下GC的工作方式? 通俗的讲,.Net是微软开发应用程序的一个平台: CLI是Common Language Infrastructure,是公共语言架构: CLR是Common Language Runtime,即公共语言运行时: IL是.Net编译器产生的中间代码,称为通用中间语言CIL(Common Intermediate Language),CIL