AJAX教程

AJAX教程(异步的JavaScript和XML)——局部刷新

创建动态网页的技术

异步:做一件事中间继续做另一件事情

同步:做完一件事情之后才能做其他的事

如果需要更新内容,必须刷新整个页面(AJAX)——实现异步更新

XMLHttpRequest是AJAX的基础——与后台进行交互(有兼容性)

创建AJAX的核心对象

Var httpRequest = null;

Document.all 只有IE才能识别

If(document.all){

httpRequest = new ActiveXboject(“Microsoft.XMLHTTP”);

}else{

httpRequest = new XMLHttpRequest();

}

向服务器发送请求

//true为异步,false为同步,默认情况下异步

//如果为post提交,必须使用httpRequest .setRequestHeader("Content-type","application/x-www-form-urlencoded");

httpRequest.open(“get/post”,”url”,true);

//传送参数,如果没有参数,则可以为空

httpRequest.send();

属性:

onreadyStatechange:调用函数

readyState:1、0: 请求未初始化

2、1: 服务器连接已建立

3、2: 请求已接收

4、3: 请求处理中

5、4: 请求已完成,且响应已就绪

Status : 1、200: "OK"    2、404: 未找到页面

JQuery版的AJAX:

$(function(){

$(“button”).click(function(){

Var username = $(“#username”).var();

Var pwd = $(“#pwd”).var();

$.ajax({

Type:”post”,

Url:”/Ajax/TestServlet”,

Data:(“username”:username,”pwd”:pwd),

//JSon:数据的交换模式

//dataType:返回的格式

dataType:”text”,

Success:function(data){

Alert(data);

}

});

});

时间: 2024-10-20 15:07:19

AJAX教程的相关文章

(转)JAVA AJAX教程第四章—AJAX和MVC的简单结合

这里我们再理解了AJAX后,开始来用实例感受AJAX的力量. 今天我最后要实现的效果,当鼠标放到图片上时会根据,会把数据库库里的数据读出,通过显示框显示出来.这个在很多网上商店都有用到这里效果,我们这里用AJAX来实现这个效果.这个实例里结合了MySql.Servlet还有Js,理论性很少,但通过实践来感受理论知识. 一个页面中应用了 AJAX,同时他也能实现MVC框架,可以吗?当然可以的.通过页面调用AJAX,这个页面就是MVC中的V,他用来前台显示与用户交互的内容.用 JavaBean作为M

(转)JAVA AJAX教程第三章—AJAX详细讲解

现在开始深入AJAX,这里还是按老思路,理论和实践相结合.这章的内容主要是讲解AJAX步骤详解,下一张将会用一个AJAX技术实现页面提示效果的实例来说明AJAX的实现. 一.AJAX步骤详解 AJAX实质上是遵循Request/Server模式来进行工作的,这个框架基本的流程包括下面几个具体的步骤: (1)       XMLHttpRequest对象初始化 (2)       发送请求 (3)       服务器接收请求并进行处理 (4)       服务器返回响应数据 (5)       客

ajax教程完整版

第 1 页 Ajax 简介 Ajax 由 HTML.JavaScript™ 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序.本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实.他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象. 五年前,如果不知道 XML,您就是一只无人重视的丑小鸭.十八个月前,Ruby 成了关注的中心,

AJAX 教程

AJAX AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 在继续学习之前,您需要对下面的知识有基本的了解: HTML / XHTML CSS JavaScript / DOM 什么是 AJAX ? AJAX =

【JavaScript】AJAX教程

AJAX = Asynchronous JavaScript and XML (异步的JavaScript和XML). AJAX是与服务器交换数据并更新部分网页的技术,在不重新加载整个页面的情况下. 通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. AJAX的工作原理 XMLHttpRequest是AJAX的基础. XMLHttpRequest对象 IE5/IE6--->ActiveXObject XMLHtt

ajax只是一个称呼

记得刚入行的时候,看到ajax,即异步的javascript和xml这样一个概念,一点感觉都没有.参加工作前的第一轮面试,被问到有没有自己实现过ajax,我觉得自己实现肯定很复杂吧.最近nodeJS好像一下子火了,ES6也快和大家正式见面了.浏览一篇名为<javascript:一个吊丝的逆袭>又看到ajax,时过境迁,感觉ajax简单的简直有点污.所以今天就着这个劲,把ajax说说,毕竟每时每刻都有刚入行的朋友,希望你们不会被“异步的javascript和xml”这样一个稍微有点小长的名字给唬

关于Ajax实现的简单示例

一.代码示例 关于Ajax的基本概念(包括XMLHttpRequest对象及其相关方法属性)移步这里(w3school中文版)学习了解. <!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title>使用Ajax异步加载数据</title> <script type = "text/javasc

嵌入式开发——boa服务器下的ajax与cgi通信

博主最近在最有做一个嵌入式课程设计,要求是利用基于cortax a8的物联网实验箱做一个简单的嵌入式网页交互系统作为课程设计来验收评分.因为本身自己是学前端的,所以网页部分并不是重点,主要是和boa服务器之间的通信,课程实验给的例子是直接使用printf来打印html标签形成新的页面,有过前端开发经验的人都知道这种做法效率低下而且没有办法实现异步刷新,所以博主采用ajax来进行boa服务器下的异步通信. 主要实现及踩过的坑如下: 1. get 还是 post请求:怎么发请求参见W3School上

AJAX(学习笔记一)

1:什么是AJAX? AJAX是一组英文单词的简写,这组英文单词是 :Asynchronous JavaScript and XML ,翻译成中文的意思是: 异步的JavaScript 和 XML.什么意思呢?简单点讲就是:通过HTML页面中的JavaScript方法能够不刷新整个页面的情况下实现和服务端进行交流返回对应的请求数据,而返回的数据常常是两种格式的,文本格式和XML格式的,但是文本格式比较简单使用XML格式的数据很容易替代掉,所以使用XML表示更加的贴切,现在常常返回JSON格式的数