HTML source:
<p>
Name:
<input type="text" id="demoName"/>
<input value="Send" type="button" onclick="update()"/>
<br/>
Reply: <span id="demoReply"></span>
</p>
Javascript source:
var services = new dojox.rpc.Service({
target:"../dwr/jsonrpc",
transport:"POST",
envelope:"JSON-RPC-1.0",
contentType:"application/json",
services:{
"Demo.sayHello":{
returns:{"type":"string"},
parameters:[{"type":"string"}]
}
}
});
function update() {
var name = dojo.byId("demoName").value;
var deferred = services.Demo.sayHello(name);
deferred.addCallback(function(result) {
dojo.byId("demoReply").innerHTML = result;
});
}
Java source:
package org.getahead.dwrdemo.simpletext;
public class Demo {
public String sayHello(String name) {
return "Hello, " + name;
}
}
dwr.xml
<?xml version="1.0" encoding="UTF-8"?>
<!D ......
Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。
XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。
所以我们先从XMLHttpRequest讲起，来看看它的工作原理。
首先，我们先来看看XMLHttpRequest这个对象的属性。
它的属性有：
onreadystatechange 每次状态改变所触发事件的事件处理程序。
responseText 从服务器进程返回数据的字符串形式。
responseXML 从服务器进程返回的DOM兼容的文档数据对象。
status 从服务器返回的数字代码，比如常见的404（未找到）和200（已就绪）
status Text 伴随状态码的字符串信息
readyState 对象状态值
0 (未初始化) 对象已建立� ......
这里我们再理解了AJAX后，开始来用实例感受AJAX的力量。
今天我最后要实现的效果，当鼠标放到图片上时会根据，会把数据库库里的数据读出，通过显示框显示出来。这个在很多网上商店都有用到这里效果，我们这里用AJAX来实现这个效果。这个实例里结合了MySql、Servlet还有Js，理论性很少，但通过实践来感受理论知识。
一个页面中应用了AJAX，同时他也能实现MVC框架，可以吗？当然可以的。通过页面调用AJAX，这个页面就是MVC中的V，他用来前台显示与用户交互的内容。用JavaBean作为MVC中的M，来封装一些我们需要的功能和数据，这样便于C将信息传给V。这里就牵涉到C，什么是C呢，这里我们在Model2中的C就是Servlet，他用来对具体的事情进行控制。M-V-C都齐全了，这样我们就完成一个MVC了。在下面的文件结构中，让我给你指出哪些是M-V-C。main.html和login.jsp是V，DB.java和Product.java是JavaBean也就是M，而LoginAction.java和TipServlet.java是C，下面就来看看如何把AJAX和MVC结合起来。
这里是我们的文件结构，我们需要一个页面main.html来承载前台；一个数据库数据来存储我们的设备；由于这里还是基于MVC框架来做的，所以除了页面外，我们还需要Servlet来实现具体的� ......
这里我们再理解了AJAX后，开始来用实例感受AJAX的力量。
今天我最后要实现的效果，当鼠标放到图片上时会根据，会把数据库库里的数据读出，通过显示框显示出来。这个在很多网上商店都有用到这里效果，我们这里用AJAX来实现这个效果。这个实例里结合了MySql、Servlet还有Js，理论性很少，但通过实践来感受理论知识。
一个页面中应用了AJAX，同时他也能实现MVC框架，可以吗？当然可以的。通过页面调用AJAX，这个页面就是MVC中的V，他用来前台显示与用户交互的内容。用JavaBean作为MVC中的M，来封装一些我们需要的功能和数据，这样便于C将信息传给V。这里就牵涉到C，什么是C呢，这里我们在Model2中的C就是Servlet，他用来对具体的事情进行控制。M-V-C都齐全了，这样我们就完成一个MVC了。在下面的文件结构中，让我给你指出哪些是M-V-C。main.html和login.jsp是V，DB.java和Product.java是JavaBean也就是M，而LoginAction.java和TipServlet.java是C，下面就来看看如何把AJAX和MVC结合起来。
这里是我们的文件结构，我们需要一个页面main.html来承载前台；一个数据库数据来存储我们的设备；由于这里还是基于MVC框架来做的，所以除了页面外，我们还需要Servlet来实现具体的� ......
今天我主要学习了UpdateMode属性及使用UpdateTriggers，把书中所教授的内容用多个例子实践了一下，确实明白了许多。
UpdateMode
首先在上一篇也提到过这样一个理论：在谈论UpdatePanel控件的刷新时，当UpdatePanel控件中的子控件触发Async-Postback动作时，刷新的区域是“涵盖网页上的所以将UpdateMode（vs提示的属性描述是“指明updatepanel是将在每次异步同发是刷新还是只在发生特定操作时刷新”）设为Always的UpdatePanel控件”，而不是单单只有触发Async-Postback的那个UpdatePanel控件。用我的话说，就是一个页面上有可能有多个updatepanel控件，而每个updatepanel控件有一个共同的属性是UpdateMode，updateMode属性又有两个值：一个是Always，一个是Conditional。当页面每刷新一次，这样页面中的所有将updateMode属性设为Always的updatepanel也会跟着刷新，而这个页面中那些将updateMode属性设为Conditional的updatepanel会根据特定的操作条件来刷新，那么这个特定条件是用什么来设置的呢？答案是交由Triggers（vs提示的属性描述是“可以导致updatepanel更新的触发器的集合）或程序来控制 ......
今天我主要学习了UpdateMode属性及使用UpdateTriggers，把书中所教授的内容用多个例子实践了一下，确实明白了许多。
UpdateMode
首先在上一篇也提到过这样一个理论：在谈论UpdatePanel控件的刷新时，当UpdatePanel控件中的子控件触发Async-Postback动作时，刷新的区域是“涵盖网页上的所以将UpdateMode（vs提示的属性描述是“指明updatepanel是将在每次异步同发是刷新还是只在发生特定操作时刷新”）设为Always的UpdatePanel控件”，而不是单单只有触发Async-Postback的那个UpdatePanel控件。用我的话说，就是一个页面上有可能有多个updatepanel控件，而每个updatepanel控件有一个共同的属性是UpdateMode，updateMode属性又有两个值：一个是Always，一个是Conditional。当页面每刷新一次，这样页面中的所有将updateMode属性设为Always的updatepanel也会跟着刷新，而这个页面中那些将updateMode属性设为Conditional的updatepanel会根据特定的操作条件来刷新，那么这个特定条件是用什么来设置的呢？答案是交由Triggers（vs提示的属性描述是“可以导致updatepanel更新的触发器的集合）或程序来控制 ......
简单的描述下 DWR 配置（保密协议，在此不公开项目名称，项目相关名称全部用XXXX代替）
首先 废话不说了 大家都应该理解DWR的用处 不懂的去百度
必要包 DWR.JAR 官方下载地址http://directwebremoting.org/dwr/download.html
这个项目是由 SSH+dwr+jquery+sitemesh+freemarker
WEB.XML
<!-- dwr -->
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>0</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
DWR.XML
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd"&g ......
主要是文件的一个管理系统,页面脚本是由JQuery (V1.3.1)插件的方式编写,所有功能都是通过Ajax和后台数据互交,并结合自己开发的插件与结合第三方插件的整合,服务器端由ASP.NET编程(有兴趣的朋友可以改写成其它代码,如jsp/php,根目录有后台程序配置). 希望大家喜欢(做完就急急忙忙发布了,没有写太多注释,希望大家多多包涵).
主要功能:
1. 左边树列表
2. 右边文件列表(支持文件夹双击进入目录,文件双击修改文件内容)
3. 上面查询栏目(可直接查询目录)
4. 下面上传(无刷新上传Jquery 插件) ,状态栏目.
5. 创建文件/文件夹
6. 编辑文件/文件夹
7. 删除文件/文件夹(支持多项删除)
8. 压缩(支持多文件/文件) , 解压
9. 下载(支持多文件)
10. 弹出层(jquery 插件), 灰色背景,点击关闭或完成向上消失,背景恢复
图例:
图1.0
图1.1
图1.2
图1.3
图1.4
版本信息:
Version: 1.0 Publish Date: 2009-2-10
兼容性:
Internet Explorer7
Firefox 3
Opera 9
如果发现其它浏览器的存在不一致,请 ......
最新文章 : ajax