Ajax技术简单入门
随着Google公司推出的Gmail服务后,越来越多的人开始关注Ajax技术了,所谓Ajax(Asynchronous JavaScript and XML缩写)技术,就是指运用JavaScript和XML在不用刷新Web页的情况下与Web服务器通信的技术.
一般来说,使用Ajax技术主要有两个原因:一是fast;二是cool。
下面通过一个示例来说明Ajax的使用:
1.HTML代码
btn1用来调用Ajax代码(请求服务器并将返回信息填充到select1里)。
2 <input id="btn1" value="Fill Select" type="button" onclick="getOptions();">
2.JavaScript代码调用Ajax
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文件
2 <%=result%>
4.codebehind代码
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技术简单入门相关推荐
- Java EE中Ajax技术简单实现
一.Ajax技术介绍 Ajax实际上并不是新技术,而是几个老技术的融合. Ajax包含以下五个部分: 1.异步数据获取技术,使用XMLHttpRequest. 2.基于标准的表示技术,使用XHTML与 ...
- 【Ajax】简单入门 - 不深究
AJAX 教程 AJAX 教程 简介 前提 AJAX 应用 什么叫做异步? 异步的概念 回调函数 XML XMLHttpRequest 对象 AJAX - 创建 XMLHttpRequest 对象 后 ...
- 百度人脸识别技术简单入门
图片说明: 人脸检测 小于2M 人脸比对 单次传入的两张图片,小于20M 人脸识别 小于10M 人脸认证 小于10M 人脸库管理相关接口 小于10M 请求格式支持:PNG.JPG.JPEG.BMP,不 ...
- ajax地址为jsp,AJAX_在jsp中运用ajax(简单入门),由于ajax为我们带来太多的好处 - phpStudy...
在jsp中运用ajax(简单入门) 由于ajax为我们带来太多的好处,所以在很多应用中我们都会优先选择这种技术,于是我也为之所吸引,现跟大家分享下一个简单的入门例子. regist.jsp文件:一个简 ...
- AJAX技术入门基础
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. A ...
- AJAX技术简介及入门实例[收藏]
最近在学校参加暑期实习,参与的是一个社交网站项目,学长那边分配给的任务是前端开发,需要学习AJAX技术. 对于一个像我一样刚刚接触Web开发且无多少实际项目经验的新手而言,AJAX技术显得复杂而又深奥 ...
- 实现简单的PHP接口,以及使用js/jquery ajax技术调用此接口
主要介绍下如何编写简单的php接口,以及使用js/jquery的ajax技术调用此接口. Php接口文件(check.php): <?php $jsonp_supporter = $_GET[' ...
- jquery如何实现ajax技术,使用JavaScript和jQuery简单实现Ajax技术(示例代码)
Ajax的定义 Ajax被认为是(Asynchronous JavaScript and XML的缩写). 允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. Ajax的工作原理 Aja ...
- 动态网页大作业 - 简单易懂【附源码分享】- 基于ASP、Ajax技术
这是突击一个星期的菜鸡作业,提供给大家进行分享学习,是基于ASP.VBScript的旅客主题动态网站,有登录注册.在线留言功能,连接了本地数据库,需要配置好IIS环境,然后把文件夹放到IIS文件夹中, ...
最新文章
- 可以检验计算机配置的游戏软件,检测游戏配置的软件-有没有自己检验电脑配置是否符合游戏要求配置 – 手机爱问...
- 【MongoDB】MongoDB备份方法
- C# 垃圾回收机制(转)
- VS2017 报错pthread.h头文件提示无法打开找不到
- linux, configure --prefix=/有什么用
- P3200-[HNOI2009]有趣的数列【卡特兰数】
- 大疆aeb连拍_大疆 AIR2 玩机(一)包围曝光及后期处理
- 3. file、inode结构体及chardevs数组等相关知识解析
- 【图像隐写】基于matlab GUI DCT数字水印嵌入与提取【含Matlab源码 1323期】
- python数字信号处理应用pdf艾伦唐尼_Python数字信号处理应用
- iOS Protocol 详解
- 快速查看网页元素的CSS样式
- 禁止Unity3D中的物体碰撞后旋转
- 进击的Objective-C-----------------类目(category),延展(Extension),协议(Protocol),代理(delegate)-委托 时间获取...
- 徐辉 北大计算机,学院信息
- 智能合约逆向心法2(案例篇)——34C3_CTF题目分析续篇
- Mycat个人心得笔记(一)
- 如何使用js把网页适配为一屏的几个技巧
- 名悦集团分享汽车保养小知识,汽车异味轻松去除有妙招
- 计算机分隔线教程,计算机CAD画线教程