博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AJAX实例演示加载xml
阅读量:4519 次
发布时间:2019-06-08

本文共 936 字,大约阅读时间需要 3 分钟。

前言

先前在入门AJAX这篇文章中,简单描述了AJAX一些基础。其实这里也是基础的使用,通过这个例子在结合之前学习的方法再好好理解运用一番。

实例

  html

  
A simple AJAX example

简单的ajax例子

加载作者作者是谁!

js

  效果

           

           

           

  方法

     

open():建立到服务器的新请求。

在该实例中,就是open"get",url,true.就是使用get的方法来打开data.xml这个路径下的文件。我这里使用的就是根目录,所以直接就是文件名,true表示的就是表示这个链接是异步的;false表示就是同步的。也就是发出请求后需要等待服务器响应才能继续下面的工作,如果最后一个参数为true,那么用户可以在一边进行对服务器的请求,一边处理其他的工作。

send():向服务器发送请求.

实例中,send并没有对参数进行设置,仅仅给出了空字符,当然这里还可以使用null值。

abort():退出当前请求。

readyState:提供当前 HTML的就绪状态。

 

0:请求未初始化(还没有调用 open())。

1:请求已经建立,但是还没有发送(还没有调用 send())。

2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。

3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的生成。

4:响应已完成;您可以获取并使用服务器的响应了。

 

在实例中,我们可以看到。有这样一个判断当readystate属性为4的时候,我们就执行下面的代码。这里4表示就是响应已经完成。这样一个readystate就是用来表示

responseText:服务器返回的请求响应文本。

总结

虽然这是一个简单基础的例子,但是对于ajax的使用都比较全面。在ajax中,大致的使用就是:

1.获取需要的数据。

2.拿到连接到服务器的 URL

3.打开url

4.在服务器返回请求后的处理,这里就是在readystate的值等于4的时候进行的处理。

简单的小例子,还是好好学习一下。后面还是需要对这里的东西更加熟练的使用。

       

转载于:https://www.cnblogs.com/guziming/p/4232704.html

你可能感兴趣的文章
Django缓存配置
查看>>
Ubuntu下安装 Mysql
查看>>
LeetCode--Reverse Integer
查看>>
PHP_APC+Ajax实现的监视进度条的文件上传
查看>>
计算机网络课堂笔记3.29
查看>>
word2vec----CBOW
查看>>
衰减学习率真的有用吗?
查看>>
ORACLE 建库过程总结
查看>>
Ogre1.8.1 Basic Tutorial 6 - The Ogre Startup Sequence
查看>>
构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(36)-文章发布系统③-kindeditor使用...
查看>>
c# Winform 开发分屏显示应用程序
查看>>
canvas刮奖
查看>>
qt下拖放(一)
查看>>
Linux后台运行python程序并输出到日志文件
查看>>
HTML的语义化和一些简单优化
查看>>
jQuery基础教程
查看>>
Spring 在xml文件中配置Bean
查看>>
poj1611(简答并查集)
查看>>
基于scap的服务器安全基线核查设计与实现
查看>>
NFS 安装与配置
查看>>