AJAX技术应用详解 收藏
AJAX是Asynchronous JavaScript and XML 的缩写。它并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用,它包括:使用XHTML和CSS标准化呈现;使用DOM实现动态显示和交互;使用XML和XSLT进行数据交换与处理;使用XMLHttpRequest进行异步数据读取;最后用JavaScript绑定和处理所有数据。 Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的。
我们以两个验证通行证帐号是否存在的例子来讲述AJAX在实际中的应用:
(1)用文本字符串的方式返回服务器的响应来验证网易通行证帐号是否存在;
(2)以XMLDocument对象方式返回响应来验证金山通行证帐号是否存在;
首先,我们需要用JavaScript来创建XMLHttpRequest 类向服务器发送一个HTTP请求, XMLHttpRequest 类首先由Internet Explorer以ActiveX对象引入,被称为XMLHTTP。 后来Mozilla﹑Netscape﹑Safari 和其他浏览器也提供了XMLHttpRequest类 ......
ajax中XMLHttpRequest参数详解 收藏
XJAX ,并不是一种新[url=javascript:;]技术[/url]的诞生.它实际上代表的是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用.
它包括:
使用XHTML和[url=javascript:;]CSS[/url]标准化呈现;
使用DOM实现动态显示和交互;
使用[url=javascript:;]XML[/url]和XSLT进行数据交换与处理;
使用XMLHttpRequest进行异步数据读取;
最后用JavaScript绑定和处理所有数据。
在这里我只向谈点XMLHttpRequest对象:
在上面看到,使用XMLHttpRequest进行异步数据读取;
首先,我们要创建该[url=javascript:;]对象[/url],针对不同的浏览器,该对象的创建[url=javascript:;]方法[/url]是有区别.
[url=javascript:;]Internet[/url] Explorer以ActiveX对象引入,被称为XMLHTTP.
对于Internet Explorer浏览器,创建XMLHttpRequest 方法如下:
xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0, 5.0
xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP");
xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");
在不同Internet Explorer浏览器中XMLHTTP版本可能不一致,为了更好的兼容不同版本的Int ......
本文收集了一些有趣并很有用的自动提示脚本,他们无论对于初学者还是专业前端开发人员都是适用的。这些脚本包括标准的自动提示效果、仿
del.icio.us效果、仿Googel效果以及使用自动提示的高级数据表过滤效果。
使用一个合适的自动提示脚本有效的提升你的网站的用户体验。
1. Ajax Auto Suggest v.2
AutoSuggest
类添加一个包含提示内容的下拉菜单到一个文本框中。用户可以直接点击相应的提示条目,也可以输入到文本框中,或者使用向上和向下的方向键来浏览列表,然后
使用回车键选择某个条目。提示列表的条目由一个XML文件提供,或者使用JSON
(通过一个PHP脚本,或类似脚本)。这个自动提示脚本非常容易定制并应用到你的网站中。查
看演示。
2. Woork PHP 组件: Autosuggest
Woork
Autosuggest 是一个简单的”PHP 组件” ,可用来用PHP和MySQL来实现自动提示功能。这个组件是轻量的(只有8Kb)
,而且可以使用某些定制的参数。
3. Spry 自动完成组件
Spry
Auto Suggest Widget (Adobe 实验室提供)使用Adobe Spry
框架来在文本框中实现自动提示功能。这是一个使用了Spry地区列表和非破坏性过滤器来创建自动提示组件的实
例。那些提示可以用HTM ......
把自己写的jquery写下来
比如现在有一个界面,分左右两侧,当点击左侧的标签,然后在右侧框显示,实现无刷新技术,这是最简单的ajax应用
function touser() {
$.ajax({
url: "UserTable.aspx?timeStamp=" + new Date().getTime(),
success: function(msg) {
$("#main").html(msg);
}
})
}
其中touser是你设置的单击事件,切记要在你的标签里加上个单击事件哦,onclick,接下来里面写的就是jquery ajax了,很好看懂的,就是一个url,然后成功就返回,把他插入到右侧框里,在这里右侧框是一个div,div的id为main,简单吧。。。, 上面例子的单击事件也可以换成jquery的
$(function(){
$("#clickuser").click(function(){
$.ajax({
url: "UserTable.aspx?timeStamp=" + new Date().getTime(),
success: function(msg) {
$("#main").html(msg);
}
})
})
})
在这里clickusr是你要设置单击事件的标签的ID,这样的话就用在标 ......
初学BSP, 一直在想如何实现AJAX效果, 起到无意看到这篇网文, 才有一种惑然开朗的感觉, 亏我还过ASP/ASP.net , 真是做了几年ABAP做傻了,呵呵
其实BSP和ASP很象, 可以采用ASP的方法来实现AJAX应用, 无非是调用xmlHttpRequest对象而己.
原文地址: http://scnblogs.techweb.com.cn/leonard/archives/38.html, 转贴如下:
你一定经常使用google或百度。当你输入要查询的词条的时候,在输入框的下边会自动提示可能的选项,随着你输入值的变化而变化。这就是所谓”Search-as-you-type”。
Google “Search-as-you-type” 有一些演示code可下载,要运行的话再下载一个超轻量级的Http服务器xampp。
http://code.google.com/p/search-as-you-type/
上面的code是用PHP写的,要知道它的原理,可以参考下面这篇文章:
PHP Ajax live search
http://www.w3schools.com/php/php_ajax_livesearch.asp
那么这种技术用SAP的技术是否可以实现呢?回答是肯定的。用简单的BSP+Javascript编程就可以实现。
首先创建一个BSP Application: zlive_sear ......
一个MyEclipse里的AJAX例子2008-03-19 19:53本例将在页面的参数以Get和POST两种方式传递到服务器,并回显到页面; 本例共包括两个主要文件getAndPostExample.html和GetAndPostExample.java以及一个配置文件web.xml 建立文件的步骤: 1.在Eclipse新建一个web project-->ajax1 2.在ajax1里面新建一个getAndPostExample.html 3.在ajax1里面新建一个servlet-->GetAndPostExample.java getAndPostExample.html如下
This is the description of my J2EE component This is the display name of my J2EE component GetAndPostExample com.ajax1.GetAndPostExample GetAndPostExample /GetAndPostExample index.jsp 在这个简单的AJAX的例子里getAndPostExaple.html负责表单参数的输入和传递,而servlet GetAndPostExample.java负责在服务器端接受参数。参数传递时加的时间戳是保证URL的唯一性。 ......