初识Ajax技术1
一 引题
如何让web程序用起来像桌面应用程序一样简单;
胖客户端?瘦客户端?如何选择?-----看需求,看用户的使用,灵活调节。
不要闪烁,空白页出现?
二 初识Ajax
1. Ajax是一个客户端技术,不论你现在使用何种服务器端技术,都能使用Ajax,而不管使用的是Java、.NET、Ruby、PHP还是CGI。
2. Ajax是一种基于浏览器的方法;
3. Ajax不是全新的网页技术,它是以一种新方法来整合现存的多种网页技术;
4. 效果如:Google Suggest;
5. Ajax相关技术如下:
◆ HTML/XHTML和CSS:在浏览器显示用户接口和呈现相关数据;
◆ JavaScript;所有的浏览器都支持JavaScript脚本语言。AJAX使用JavaScript脚本语言来操作XmlHttpRequest对象、操作DOM和CSS等。
◆ XML:服务器异步传递的数据;
◆ XMLDOM:当浏览器异步获取XML数据后,可以进一步的使用JavaScript程序代码和XML DOM来取出相关的信息;
◆ XMLHTTPRequest对象:JavaScript代码识通过XMLHTTPRequest对象来建立异步的HTTP请求;
注意:对于一些相关技术,你不必是这方面的专家,但是基本了解还是必要的。
6. Ajax最大特色之一:可以更新网页的部分内容而不需要刷新整个页面;
最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。(这个功能正是AJAX的一大特点之一)
三 理解异步思想
1. Ajax允许你异步地完成操作,这个最大的优点;
2. 多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面。常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程。
比如,到 Amazon.com 网站上点击一个按钮或者输入搜索项。就会对服务器发送一个请求,然后响应再返回到浏览器。该请求不仅仅是图书和书目列表,而是另一个完整的 HTML 页面。因此当 Web 浏览器用新的 HTML 页面重绘时,可能会看到闪烁或抖动。事实上,通过看到的每个新页面可以清晰地看到请求和响应。
四 通过一个简单的例子来学习Ajax技术
(参考例题:TrainAjax/NewRequest.aspx)
要真正实现这种绚丽的奇迹,必须�
相关文档:
<html>
<head>
<title>jQuery Ajax 实例演示</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
&nb ......
首先检查Web.config文件里是否是如下代码:
打开VS2005创建新项目,选择ASP.NET AJAX项目,然后把该项目Web.config文件的内容全部复制到你报错的Web.config文件里。
如果这个办法未能解决办法请查看该项目根目录的Bin文件夹内是否有System.Web.Extensions.Design.dll、System.Web.Extensions.dll、A ......
这几天工作,用的是AJAX框架,结果导出Excel表格的时候无法导出。
解决办法:1、在.aspx页面首行中<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JinHuoDan.aspx.cs" Inherits="out_store_JinHuoDan" %> 添加EnableEventValidation="false" ;
2、在UPdatePanel中添加</ContentTemplate>
......
[AJAX介绍]
Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流程进行重新加裁,就可以动态地更新。使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。
异步JavaScript和XML(AJAX)不是什么新技术,而是使用几种现有技术——包 ......
tree.js
function getRank(rankNum)
{
var rankName="";
switch(rankNum)
{
case 1:
{
rankName="(普通会员)";
break;
}
case 2:
{
&n ......