jQuery Ajax 全解析
本文短址：http://s8.hk/0itq
<!--
.ajax div{
border: solid 1px red;
}
-->
// <![CDATA[
$(function(){
$("#btnajax").click(function(){
$.ajax({
type: "get",
url: "/rss",
beforeSend: function(XMLHttpRequest){
$('<div class="quick-alert">数据加载中，请稍后</div>')
.insertAfter( $("#btnajax") )
.fadeIn('slow')
.animate({opacity: 1.0}, 3000)
.fadeOut('slow', function() {
$(this).remove();
});
},
success: function(data, textStatus){
$(".ajax.ajaxResult").html("");
$("item",data).each(function(i, domEle){
$(".ajax.ajaxResult").append("<li>"+$(domEle).children("title").text()+"</li>");
});
},
complete: function(XMLHttpRequest, textStatus){
//HideLoading();
},
erro ......
初学JQUERY AJAX使用，不知道怎么实现，找了半天资料都差不多，可是放到我的页面里就是不返回值，后来发现因为没往后台页面传值的原因，加了 data: "name=John&location=Boston"就好用了，这里data:""可为任意值，后台并没有接收。
下面是例子，实现的是获取服务器时间并更新
前台代码：
function getServerTime()
{
$.ajax({
type: "POST",
url: "Default2.aspx",
data: "name=John&location=Boston",
success: function(msg){
$("#txtserver").text(msg);
}
});
setTimeout('getServerTime()',500);
}
前台代码2：使用Post方法
function getServerTime()
{
$.get("Default2.aspx?1",function(msg){
$("#txtserver").text(msg);});
& ......
<%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="act" %>
<mce:style type="text/css"><!--
.backDiv
{
filter: alpha(opacity=30); /*IE*/
opacity: 0.3;
background-color: #666;
position: absolute;
text-align: center;
vertical-align: middle;
left:0px;
top: 0;
z-index: 100009;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=30);
border: none;
width:expression(window.screen.availWidth);
height:expression(document.body.clientHeight);
}
.BlockArea
{
border: solid 1px #5BA5BD;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.B ......
Ajax可以实现网页的局部刷新,是通过JS获取数据,再把数据添加到网页中,然而由于浏览器的不同,初学者很难做到兼容问题.
这里我向大家介绍一种好的方法.通过JQuery插件.JQuery.js文件可以在官网上下载,或者google也行.
首先你要在网页引入JS文件
<script src="../javascript/jquery.js" type="text/javascript"></script>
然后在事件中(click)获取数据
jQuery("#chtnavi").html("正在获取数据...");
jQuery.ajax({
url : "ajax.aspx",//这是地址
type : "post",//这是回发方式
data : "id="+value,//这是参数,如果没有则为空
dataType : "html",
complete :
function (http,statu ......
DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本DWR0.6添加许多特性如:支持Dom Trees的自动配置,支持Spring(JavaScript远程调用spring bean),更好浏览器支持,还支持一个可选的commons-logging日记操作.
以上摘自open-open，看了几天，确实是一个非常优秀的项目，它通过反射，将java翻译成javascript，然后利用回调机制，轻松实现了javascript调用Java代码。
其大概开发过程如下：
1.编写业务代码，该代码是和dwr无关的。
2.确认业务代码中哪些类、哪些方法是要由javascript直接访问的。
3.编写dwr组件，对步骤2的方法进行封装。
4.配置dwr组件到dwr.xml文件中，如果有必要，配置convert，进行java和javascript类型互转。
5.通过反射机制，dwr将步骤4的类转换成javascript代码，提供给前台页面调用。
5.编写网页，调用步骤5的javascript中的相关方法（间接调用服务器端的相关类的方法），执行业务逻辑，将执行结果利用回调函数返回。
6.在回调函数中 ......
AJAX
AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术：
Ajax（Asynchronous JavaScript + XML）的定义
基于web标准（standards-based presentation）XHTML+CSS的表示；
使用 DOM（Document Object Model）进行动态显示及交互；
使用 XML 和 XSLT 进行数据交换及相关操作；
使用 XMLHttpRequest 进行异步数据查询、检索；
使用 JavaScript 将所有的东西绑定在一起。
类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。
AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象，也不支持XSLT。[1]
与传统的web应用比较
传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这个做法浪费了许多带宽，� ......
最新文章 : ajax