`
heruito
  • 浏览: 16666 次
社区版块
存档分类
最新评论

ajax的初步应用

    博客分类:
  • ajax
 
阅读更多



  

 



 

 

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

window.onload = function() {

//1. 获取 a 节点, 为其添加onclick 响应函数

document.getElementsByTagName("a")[0].onclick = function() {

 

//3.创建一个XMLHttpRequest 对象

var request = new XMLHttpRequest();

//4.准备发送请求的数据:url;

var url = this.href;

var method = "GET";

//5.调用XMLHttpRequest 对象的open 方法

request.open(method, url);

//6.调用XMLHttpRequest 对象的send 方法

request.send(null);

//7.为 XMLHttpRequest 对象添加onreadystatechange 响应函数

request.onreadystatechange = function() {

//8.判断响应是否完成 ,XMLHttpRequest对象的readyState 属性值为4 的时候

if (request.readyState == 4) {

//9.再判断响应是否可用:XMLHttpRequest 对象status 属性值为200

if (request.status == 200 || request.status==304) {

alert(request.responseText);

}

 

}

 

}

//2.取消a节点的默认行为

return false;

}

 

}

</script>

</head>

<body>

<a href="hallow.txt">hallow</a>

</body>

</html>

  • 大小: 359.5 KB
  • 大小: 250.7 KB
分享到:
评论

相关推荐

    基于jQuery中的Ajax应用初步

    本教程将对基于jQuery的Ajax应用进行初步探讨。** ### 一、jQuery与Ajax的结合 jQuery库通过$.ajax()函数提供了对Ajax的全面支持。这个函数是jQuery中进行Ajax请求的核心,它可以处理GET、POST以及其他HTTP请求...

    AJAX在JAVA上初步应用

    综上所述,AJAX在JAVA上的应用可以结合MVC模式,通过创建XML数据、使用AJAX异步请求这些数据,然后在客户端动态更新视图,从而提高Web应用的响应速度和用户体验。同时,我们还讨论了JAVA中生成XML的技巧以及如何在...

    asp.net ajax初步入门

    ASP.NET AJAX,全称为ASP.NET Asynchronous JavaScript and XML,是一种微软提供的技术框架,...对于初学者来说,通过阅读"asp.net ajax初步入门"这样的电子图书,可以逐步掌握这些技能,开启在ASP.NET领域的开发之旅。

    关于ajax的初步认识

    **Ajax的应用场景:** 1. **表单提交**:即时验证用户输入,无需等待页面刷新。 2. **分页加载**:滚动页面时自动加载更多内容。 3. **实时通讯**:如聊天应用中的消息实时推送。 4. **地图应用**:平移和缩放地图时...

    JSP乱码终极攻略和AJAX初步运用

    在Java Web开发中,JSP乱码和AJAX的应用是两个常见的主题。本文将深入探讨这两个话题,提供解决方案,并给出详尽的实践指导。 首先,让我们来解决JSP项目的乱码问题。乱码通常是由于编码不一致导致的,尤其是在处理...

    ajax视频教程1

    这个视频可能涵盖了Ajax的初步介绍,包括如何创建XMLHttpRequest对象,发送GET请求,以及处理简单的响应。观看此视频,学习者可以对Ajax有一个基本的认识,并开始动手实践。 综上所述,Ajax视频教程将涵盖Ajax的...

    PHP TO ASP.NET 2.0开发系列课程(3):PHP深入编程之AJAX应用

    通过本课程的学习,开发者不仅能掌握PHP中的AJAX应用,还能对ASP.NET 2.0有初步了解,为进一步跨平台开发打下基础。提供的资源包括PPT、视频教程、文档和示例代码,为自学者提供了丰富的学习材料。强烈建议学员结合...

    AJAX+PHP实现的几种效果

    6. **表单验证**:在客户端进行初步验证后,AJAX将数据发送到PHP进行服务器端验证,防止跨站脚本攻击等安全问题。 7. **实时聊天**:AJAX可以定时轮询或使用WebSocket技术与PHP服务器通信,实现实时聊天功能。 8. ...

    dynaTrace_Ajax版使用指南

    【dynaTrace_Ajax版使用指南】是一篇详细介绍如何使用dynaTrace Ajax版本的文档,旨在帮助用户理解和解决Web 2.0和Ajax应用程序中的性能和功能问题。该指南特别强调了在前端页面生命周期解析方面的详细性,适用于...

    初步体验Ajax异步提交

    Ajax技术极大地提高了Web应用的交互性,减少了页面刷新带来的延迟感。在MyEclipse项目中,通过分析`AjaxTest`的源码,我们可以学习到如何在实际开发中有效地运用Ajax进行异步数据交换。理解并掌握这些基本概念和步骤...

    对ajax的初步认识及实例

    此外,Ajax还可以用于实现分页、实时聊天、表单验证等众多功能,极大地提高了网页应用的互动性和性能。 在实际开发中,我们通常会封装这些基本的Ajax操作,以创建更高级的库或框架,如jQuery、axios或Fetch API,...

    JSP+Ajax经典开发实例

    - 表单验证,前端JavaScript初步验证后,再通过Ajax提交数据至服务器进行深度校验。 通过这些实例,开发者可以深入理解JSP和Ajax如何协同工作,以及如何利用它们来创建高性能、高互动性的Web应用。掌握这些技能对于...

    Ajax+nodemon+axios等初步了解

    在IT行业中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下更新部分网页内容。Ajax的核心是JavaScript异步通信,通常与XML数据格式一起使用,但现代实现更多...

    ajax网页设计+CSS设计

    具体到Ajax的应用,它通常包括以下组件: 1. JavaScript:负责创建XMLHttpRequest对象,这是Ajax的核心,用于与服务器通信。 2. XMLHttpRequest对象:发送和接收数据的桥梁,可以实现HTTP的GET和POST请求。 3. 数据...

    AJAX开发简略(附源代码)

    7.1、AJAX应用到的技术... 8 A、XMLHttpRequest对象... 8 B、Javascript. 9 C、DOM. 9 D、XML. 9 7.2、AJAX开发框架... 9 A、初始化对象并发出XMLHttpRequest请求... 9 B、指定响应处理函数......

    Ajax的控件

    Ajax控件则是基于Ajax技术,为Web开发人员提供的一系列便于构建高度交互式和响应迅速的Web应用程序的工具。 在描述中提到的“非常好用的AJAX控件包”,通常是指一套包含了多种预定义的、用于简化Ajax功能实现的UI...

    开发基于Struts Spring Hibernate Ajax的网上信息发布平台(Struts Hibernate Spring Ajax)--Chapter1

    最后,我们将引入Ajax,实现初步的客户端交互功能。 在这个过程中,你将学习到如何使用Struts的拦截器来添加全局行为,如登录验证;如何利用Spring的AOP进行权限控制;以及如何利用Ajax和JSON进行前后端通信。这将...

    ajax一个最简单的例子

    通过这个简单的Ajax例子,你应该已经对Ajax有了初步的了解。随着实践的深入,你会发现Ajax在Web开发中有着广泛的应用,能够显著提升网站的用户体验和性能。继续学习和探索,你将能更好地掌握这一关键技术。

Global site tag (gtag.js) - Google Analytics