随着Google公司推出的Gmail服务后,越来越多的人开始关注Ajax技术了,所谓Ajax(Asynchronous JavaScript and XML缩写)技术,就是指运用JavaScript和XML在不用刷新Web页的情况下与Web服务器通信的技术.
一般来说,使用Ajax技术主要有两个原因:一是fast;二是cool。
下面通过一个示例来说明Ajax的使用:
1.HTML代码
btn1用来调用Ajax代码(请求服务器并将返回信息填充到select1里)。

1 <select id="select1">< SPAN>select>
2 <input id="btn1" value="Fill Select" type="button" onclick="getOptions();">

2.JavaScript代码调用Ajax

 1// Create the Request object (the AJAX wrapper)
 2var request = new Request();
 3// Change this to fit your environment
 4var url = "http://localhost/ajax/";
 5function getOptions()
 6{
 7    // Call the AJAX
 8    // Notice the second parameter is actually a function to handle the response
 9    request.GetNoCache(url + "requests/getOptions.aspx",
10    function(result)
11    {
12        if (result.readyState!=ReadyState.Complete)
13            return;               
14        if (result.status==HttpStatus.OK && result.responseText != "")
15        {
16            // If the request was successfull and returned data
17            var vals = result.responseText.split("~");
18            for (i=0; i<vals.length; i++)
19            {
20                var pair = vals[i].split("|");
21                var op = new Option(pair[1], pair[0], false, false);
22                var sel = document.getElementById("select1");
23                sel.options[sel.length] = op;
24            }
25            alert("Remember that the new values in form" + 
26                  " element 'select1' are not in viewstate." + 
27                  " Code appropriately.");
28        }
29        else
30        {
31            // Handle the failure condition
32            alert('Get options failed.');
33        }
34    }
35    )
36}

3.aspx文件

1 <%@ Page language="c#" Codebehind="getOptions.aspx.cs" AutoEventWireupo="false" Inherits="ajax.requests.getOptions" %>
2 <%=result%>

4.codebehind代码

1protected string result = string.Empty;
2private void Page_Load(object sender, System.EventArgs e)
3{
4    for (int i=0; i<10; i++)
5    {
6        result += i.ToString() + "|option " + i.ToString() + "~";
7    }
8    result = result.Substring(0, result.Length - 1); // to drop the last '~'
9}

更多Ajax
下载:源文件 项目测试

转载于:https://www.cnblogs.com/SOSOS/archive/2006/02/12/329268.html

Ajax技术简单入门相关推荐

  1. Java EE中Ajax技术简单实现

    一.Ajax技术介绍 Ajax实际上并不是新技术,而是几个老技术的融合. Ajax包含以下五个部分: 1.异步数据获取技术,使用XMLHttpRequest. 2.基于标准的表示技术,使用XHTML与 ...

  2. 【Ajax】简单入门 - 不深究

    AJAX 教程 AJAX 教程 简介 前提 AJAX 应用 什么叫做异步? 异步的概念 回调函数 XML XMLHttpRequest 对象 AJAX - 创建 XMLHttpRequest 对象 后 ...

  3. 百度人脸识别技术简单入门

    图片说明: 人脸检测 小于2M 人脸比对 单次传入的两张图片,小于20M 人脸识别 小于10M 人脸认证 小于10M 人脸库管理相关接口 小于10M 请求格式支持:PNG.JPG.JPEG.BMP,不 ...

  4. ajax地址为jsp,AJAX_在jsp中运用ajax(简单入门),由于ajax为我们带来太多的好处 - phpStudy...

    在jsp中运用ajax(简单入门) 由于ajax为我们带来太多的好处,所以在很多应用中我们都会优先选择这种技术,于是我也为之所吸引,现跟大家分享下一个简单的入门例子. regist.jsp文件:一个简 ...

  5. AJAX技术入门基础

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. A ...

  6. AJAX技术简介及入门实例[收藏]

    最近在学校参加暑期实习,参与的是一个社交网站项目,学长那边分配给的任务是前端开发,需要学习AJAX技术. 对于一个像我一样刚刚接触Web开发且无多少实际项目经验的新手而言,AJAX技术显得复杂而又深奥 ...

  7. 实现简单的PHP接口,以及使用js/jquery ajax技术调用此接口

    主要介绍下如何编写简单的php接口,以及使用js/jquery的ajax技术调用此接口. Php接口文件(check.php): <?php $jsonp_supporter = $_GET[' ...

  8. jquery如何实现ajax技术,使用JavaScript和jQuery简单实现Ajax技术(示例代码)

    Ajax的定义 Ajax被认为是(Asynchronous JavaScript and XML的缩写). 允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. Ajax的工作原理 Aja ...

  9. 动态网页大作业 - 简单易懂【附源码分享】- 基于ASP、Ajax技术

    这是突击一个星期的菜鸡作业,提供给大家进行分享学习,是基于ASP.VBScript的旅客主题动态网站,有登录注册.在线留言功能,连接了本地数据库,需要配置好IIS环境,然后把文件夹放到IIS文件夹中, ...

最新文章

  1. 可以检验计算机配置的游戏软件,检测游戏配置的软件-有没有自己检验电脑配置是否符合游戏要求配置 – 手机爱问...
  2. 【MongoDB】MongoDB备份方法
  3. C# 垃圾回收机制(转)
  4. VS2017 报错pthread.h头文件提示无法打开找不到
  5. linux, configure --prefix=/有什么用
  6. P3200-[HNOI2009]有趣的数列【卡特兰数】
  7. 大疆aeb连拍_大疆 AIR2 玩机(一)包围曝光及后期处理
  8. 3. file、inode结构体及chardevs数组等相关知识解析
  9. 【图像隐写】基于matlab GUI DCT数字水印嵌入与提取【含Matlab源码 1323期】
  10. python数字信号处理应用pdf艾伦唐尼_Python数字信号处理应用
  11. iOS Protocol 详解
  12. 快速查看网页元素的CSS样式
  13. 禁止Unity3D中的物体碰撞后旋转
  14. 进击的Objective-C-----------------类目(category),延展(Extension),协议(Protocol),代理(delegate)-委托 时间获取...
  15. 徐辉 北大计算机,学院信息
  16. 智能合约逆向心法2(案例篇)——34C3_CTF题目分析续篇
  17. Mycat个人心得笔记(一)
  18. 如何使用js把网页适配为一屏的几个技巧
  19. 名悦集团分享汽车保养小知识,汽车异味轻松去除有妙招
  20. 计算机分隔线教程,计算机CAD画线教程

热门文章

  1. python如何实现共享报表系统_使用python来实现报表自动化-阿里云开发者社区
  2. PHP 函数调用跟踪
  3. C++ 面向对象(二)—— 操作符重载
  4. Linux tcpdump命令用法详解
  5. Linux shell逐行读取文件的方法-比较
  6. 安卓USB开发教程 六 安卓 AOA 2.0
  7. USB基础与重点梳理—关于USB的问题
  8. javascript学习系列(2):数组中的filter方法
  9. 前端学习(2951):上午回顾
  10. [vue] 在子组件中怎么访问到父组件的实例?