3. 尚硅谷_佟刚_Ajax_数据格式_HTML

下面我们来看这个传输的这个数据格式，我们刚才传输那个格式是什么呀？刚才传那个格式实际上是一个文本是吧，因为我请求的就是一个文本嘛，好了，我们现在看传中这个格式，我们前面讲了啊，Aja那个X表示的是XML，所以说在传输的时候啊，我们可以使用XL，呃，现在主流是使用杰森，你还可以使用HTML啊，可以有这三种格式，那现在的话呢，我们来看一个例子哈，我们分别使用这三种格式来完成对应的操作，来我们看一下这个效果，我们看这HTML这个效果就可以了，一样的，这应该是没有加哈，没有加，那我怎么样，当我点这个的时候的话呢，我会实现这样一个效果，当我点某一个的时候啊，我会在这这个底。

底下显示出它对应的信息，呃，点每一个都是这样，这就是分别使这三种格式完成这个aja操作，我们首先呢，我们来使用最简单的，这叫HTML格式，然后我们再用呃，X，然后再用J森看HTML呢由一些普通的文本组成，如果要是通过XL http request发送HTML的话，文本将被储存在response text里边，因为本身它就是一个HTML的话，所以说我们的HTML我们可以怎么用啊，我们可以使用这个，呃。节点的，因为HTML属性，直接操作就可以了，于是我把这个复制过来，复制粘进来。打开index啊，没有写是吧，来我们写一下script没有自动生成啊是吧。

好，我们看这块的话呢，一共是有三个超链接，我必须得保证每一个超链接都能够实现HX，我把这个结果放哪呀？把这个结果放在这div里边，这个结果分别是Andy，就是把整个这个，把整个这个结果放在这个位置，好了我来写一下大家看。温州。An old等于function。

首先我获取，获取所有的A节点，open.get element by by什么by tag name吧，获取所有的A节点好了，For循环或I等于零，I小于A节点啊，Length。属性A加加，然后呢，我让A节点的I等于方程加实线嘛，是吧，首首先对return for click加点on click OK写完，然后的话呢，我要进行发请求的操作，那这个过程呢，跟前面这个过程几乎差不多，我再重新写一遍哈，Request等于new xml http request考到它或先准备method等于我还是使用带的请求或ul等于，这个不能写，可以写get是吧，S。

然后request.open method ul，然后是发请求request.send到APP请求，在这个请求题里边的话呢，没有任何的这个请求参请求信息，然后request.on ready change等于function if request点等于四，而且if request.c等于200，或者是request.a等于304 OK，这个时候这个结果呢？

就，呃，类似于这样，我直接把这个结果放这里边是不是可以了，于是说C先获取这个节点，document.at element by ID。打。等于request.response这就完了，OK，看一下效果。是不是可以了，复制拿过来。

我们看一看这个实际交互的情况哈，网络我点一个，大家看我是不是的确发了一个请求啊，Get请求200返回值review不就是这个吗？这就是response，我直接把这个放哪了呀。大家看看我一边我我再刷一下看div这是不是空的呀，我选一下打开div里边放的是不是我们这个h two和这个A呀，于是就有这样的一个效果啊，这个就是我们使用HTML格式来作为这个数据传输的这个格式。大家看这个格式的好处是什么呢？简单，简单大气上档次是吧？方式就是我们本身就是一个HTL格式，我们可以把它直接使用这个in的HTML属性来处理啊，这是它最大的一个好处，再说一遍哈，因为返回的就是一个HTML格式，所以说我们可以直直接使用这个因HTML来操作，所以说比较简单，当然它有缺点啊，看一下优点呃，从服务器端发送的HTML代码的，浏览器端不需要用GS进行解析，可以直接用HTML的，可读性好，跟in httml属性搭配效率高。缺点。

如果需要通过HX来更新一篇文档的多个部分的话，这是不合适啊，就是说我返回了这样的一个数据的话呢，我可能对这个还需要进行拆分，这个时候麻烦了，哎，这是一个需要注意的地方，第二个啊，因为HTML并非盗M标准，这个问题不大是吧，因为现在的话呢，浏览器都支持它，所以说没问题，好了，这就是我们使用这个HTML格式，呃，完成这样的一个效果，嗯，大家也来写一下，来大家来写一下，用这个HTML来写一下。