Web前端-ajax专栏
关注
分享
扫一扫
iteye_9300
这个作者很懒，什么都没留下…
展开
-
使用AJAX实现动态刷新页面功能
Ajax就是很牛，无需手工点击刷新，只要在返回处理函数中设置定时器连续调用某一函数输出到页面，动态效果立即出来！ 贴上代码，先睹为快 refresh.jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <head><META http-equiv=...2010-04-10 15:22:07 · 813 阅读 · 0 评论 -
AJAX高级学习(5)——AJAX ResponseXML 实例
与 responseText 以字符串返回 HTTP 响应不同，responseXML 以 XML 返回响应。 ResponseXML 属性返回 XML 文档对象，可使用 W3C DOM 节点树的方法和属性来检查和解析该对象。 —————————————————————————————— AJAX ResponseXML 实例 在下面的 AJAX 实例中，我们将演示网页如何...2010-12-27 16:03:33 · 86 阅读 · 0 评论 -
AJAX高级学习(4)——AJAX XML 实例
AJAX 可用来与 XML 文件进行交互式通信。 —————————————————————————— AJAX XML 实例 在下面的 AJAX 实例中，我们将演示如何通过使用 AJAX 技术，从 XML 文件中读取信息。 —————————————————————————— 实例运行示意图 —————————————————————————— AJ...2010-12-27 15:59:31 · 105 阅读 · 0 评论 -
AJAX高级学习(3)——AJAX 数据库实例
AJAX 可用来与数据库进行动态地通信。 ———————————————————————— AJAX 数据库实例 在下面的 AJAX 例子中，我们将演示如何使用 AJAX 技术令网页从数据库读取信息。 ———————————————————————— 例子运行示意图 ———————————————————————— AJAX 实例解释 上面的实例...2010-12-27 15:54:06 · 130 阅读 · 0 评论 -
AJAX高级学习(2)——AJAX 请求 源代码
AJAX Suggest 源代码的实例 下面的源代码属于上一节的 AJAX 实例。 您可以拷贝粘贴这些代码，然后亲自测试一下。 ———————————————————————— AJAX HTML 页面 这是 HTML 页面。它包含了一个简单的 HTML 表单，以及一个指向 JavaScript 的链接。 <html> <head>...2010-12-27 15:45:03 · 108 阅读 · 0 评论 -
AJAX高级学习(1)——AJAX 请求实例
我们已看到 AJAX 可被用来创建更多交互性的应用程序。 ———————————————————————— AJAX Suggest实例 在下面的 AJAX 例子中，我们会演示当用户向一个标准的 HTML 表单中输入数据时网页如何与 web 服务器进行通信。 ———————————————————————— 在下面的文本框中输入名字： First Name： ...2010-12-27 15:40:49 · 86 阅读 · 0 评论 -
AJAX基础学习(7)——AJAX 服务器端的脚本
AJAX - 服务器端的脚本 现在，我们要创建可显示当前服务器时间的脚本。 responseText 属性会存储从服务器返回的数据。在这里，我们希望传回当前的时间。这是 "time.jsp" 的代码： <% response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control",...2010-12-27 15:33:07 · 131 阅读 · 0 评论 -
AJAX基础学习(6)——AJAX 请求服务器
AJAX - 向服务器发送一个请求 要想把请求发送到服务器，我们就需要使用 open() 方法和 send() 方法。 open() 方法需要三个参数。第一个参数定义发送请求所使用的方法（GET 还是 POST）。第二个参数规定服务器端脚本的 URL。第三个参数规定应当对请求进行异步地处理。 send() 方法可将请求送往服务器。如果我们假设 HTML 文件和 ASP...2010-12-27 15:24:39 · 90 阅读 · 0 评论 -
AJAX基础学习(5)——XMLHttpRequest 对象
AJAX - 更多有关 XMLHttpRequest 对象的知识 在向服务器发送数据之前，我们有必要解释一下 XMLHttpRequest 对象的三个重要的属性。 onreadystatechange 属性 onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数，可同时对 onreadystatechange 属性进行设置： ...2010-12-27 15:21:58 · 145 阅读 · 0 评论 -
AJAX基础学习(4)——AJAX 浏览器支持
AJAX - 浏览器支持 AJAX 的要点是 XMLHttpRequest 对象。 不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。 IE 浏览器使用 ActiveXObject，而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。 如需针对不同的浏览器来创建此对象，我们要使用一条 "try and ...2010-12-27 15:18:07 · 95 阅读 · 0 评论 -
AJAX基础学习(3)——AJAX 实例
您的第一个 AJAX 应用程序 为了让您理解 AJAX 的工作原理，我们将创建一个小型的 AJAX 应用程序。 首先，我们需要一个带有两个文本框的 HTML 表单：用户名和时间。用户名文本框由用户填写，而时间文本框使用 AJAX 进行填写。 此 HTML 文件名为 "testAjax.htm"（请注意这个 HTML 表单没有提交按钮！）： <html&g...2010-12-27 15:15:30 · 85 阅读 · 0 评论 -
AJAX基础学习(2)——AJAX Http 请求
AJAX 使用 Http 请求 在传统的 JavaScript 编程中，假如您希望从服务器上的文件或数据库中得到任何的信息，或者向服务器发送信息的话，就必须利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击“提交”按钮来发送/获取信息，等待服务器的响应，然后一张新的页面会加载结果。 由于每当用户提交输入后服务器都会返回一张新的页面，传统的 web 应用程...2010-12-27 15:13:25 · 94 阅读 · 0 评论 -
AJAX基础学习(1)——AJAX简介
AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。 ———————————————————— 您应当具备的基础知识 在继续学习之前，您需要对下面的知识有基本的了解： HTML / XHTML JavaScript ———————————————————— AJAX = 异步 Java...2010-12-27 15:11:18 · 94 阅读 · 0 评论 -
AJAX中GET和POST方式乱码解决方案
GET方式 页面： var tuiName=document.getElementById('demo_tempaltename').value; var url="card.do?method=findTableUiDictByUiname&tuiname="+tuiName; createXmlHttp(); //创建Xm...2011-04-20 11:17:18 · 78 阅读 · 0 评论