本教程创建使用 ASP.NET 的 AJAX 功能的基本示例应用程序。您可以了解到有关 ASP.NET 的 AJAX 功能的更多信息，将知道这些功能旨在解决哪些技术问题，以及以下介绍性文档将涉及哪些重要的 AJAX 组件：
·ASP.NET AJAX Overview
·添加 AJAX 和客户端功能
在本教程中，您将生成一个应用程序，该应用程序可显示 AdventureWorks 示例数据库中的员工数据页。该应用程序使用 UpdatePanel 控件仅刷新页面中发生更改的部分，而不会发生页面闪烁，页面闪烁是伴随回发发生的。这称为“部分页更新”。该示例应用程序还使用 UpdateProgress 控件，在进行部分页更新时显示状态消息。
一、创建 ASP.NET 网站
1、启动 Visual Studio。
2、在“文件”菜单中，单击“新建网站”。显示“新建网站”对话框。
3、在“Visual Studio 已安装的模板”之下选择“ASP.NET 网站”。
4、输入位置和语言，然后单击“确定”。
二、向 ASP.NET 网页添加 UpdatePanel 控件
创建一个 ASP.NET 网站之后，再创建一个包括 UpdatePanel 控件的 ASP.NET 网页。� ......
本教程创建使用 ASP.NET 的 AJAX 功能的基本示例应用程序。您可以了解到有关 ASP.NET 的 AJAX 功能的更多信息，将知道这些功能旨在解决哪些技术问题，以及以下介绍性文档将涉及哪些重要的 AJAX 组件：
·ASP.NET AJAX Overview
·添加 AJAX 和客户端功能
在本教程中，您将生成一个应用程序，该应用程序可显示 AdventureWorks 示例数据库中的员工数据页。该应用程序使用 UpdatePanel 控件仅刷新页面中发生更改的部分，而不会发生页面闪烁，页面闪烁是伴随回发发生的。这称为“部分页更新”。该示例应用程序还使用 UpdateProgress 控件，在进行部分页更新时显示状态消息。
一、创建 ASP.NET 网站
1、启动 Visual Studio。
2、在“文件”菜单中，单击“新建网站”。显示“新建网站”对话框。
3、在“Visual Studio 已安装的模板”之下选择“ASP.NET 网站”。
4、输入位置和语言，然后单击“确定”。
二、向 ASP.NET 网页添加 UpdatePanel 控件
创建一个 ASP.NET 网站之后，再创建一个包括 UpdatePanel 控件的 ASP.NET 网页。� ......
<script type="text/javascript">
//定义XMLHttpRequest对象变量
var xmlHttpRequest;
/*
* 创建XMLHttpRequest对象。
* 本函数主要完成XMLHttpRequest对象的创建，核心分为以下两个部分：
* 第一步：首先判断浏览器是否把XMLHttpRequest对象实现为本地JavaScript对象，如果存在window.XMLHttpRequest，那么就创建XMLHttpRequest对象。
* 第二步：如果不存在window.XMLHttpRequest,那么就尝试在Microsoft浏览器对象中创建该对象。在这个过程中，先尝试使用Msxml2.XMLHTTP对象创建它，如果失败
* 就用Microsoft.XMLHTTP对象
*/
function createXMLHttpRequest(){
if(window.XMLHttpRequest){ //Mozilla浏览器
xmlHttpRequest = new XMLHttpRequest();
}else if(window.ActiveXObject){ //IE浏览器
try{
xmlHttpRequest = new ActiveXObject("Msxm12.XMLHTTP");
......
使用js来操作flex
首先在fademo.mxml中声明一个button，并添加一个btnClick方法：
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="0" minHeight="0" width="400" height="300" xmlns:bridge="bridge.*">
<fx:Declarations>
<bridge:FABridge/>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<!--[CDATA[
import mx.controls.Alert;
public function btnClick():void
{
Alert.show("按钮被点击了","title");
}
]]-->
</fx:Script>
<s:TextInput x="160" y="96" id="txtName"/>
<s:Button x="218" y="139" label="按钮" id=&q ......
使用js来操作flex
首先在fademo.mxml中声明一个button，并添加一个btnClick方法：
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="0" minHeight="0" width="400" height="300" xmlns:bridge="bridge.*">
<fx:Declarations>
<bridge:FABridge/>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<!--[CDATA[
import mx.controls.Alert;
public function btnClick():void
{
Alert.show("按钮被点击了","title");
}
]]-->
</fx:Script>
<s:TextInput x="160" y="96" id="txtName"/>
<s:Button x="218" y="139" label="按钮" id=&q ......
qooxdoo是一个自由免费的Ajax GUI框架，现在它的1.0版本提供了下载。 qooxdoo的发音为 ['ku:ksdu:],，它提供了使用JavaScript实现几乎所有，建立类桌面Web应用程序所需的用户界面。根据开发者HTML， CSS或 DOM知识不是必需的。这个架构可以运行在所有主流的浏览器上，例如：Internet Explorer, Firefox, Safari, Opera和Chrome。
在官方网站，提供了示例应用程序操作环境，你可以在线获得qooxdoo的演示，演示平台提供了表格、表单、树、数据捆绑、主题、语言、拖拉操作、html编辑器等功能。
qooxdoo采用双重许可方式，允许用户选择LGPL或EPL许可证。
演示平台：http://demo.qooxdoo.org/1.0/demobrowser/
下载：qooxdoo1.0 ......
公司最近给我一个任务：把一个用iframe做的留言板改写用Ajax做，这样做的原因是：对搜索引擎的优化。虽然很早就知道Ajax可以做局部刷新，但因为自己是刚毕业入职的菜鸟，仅仅是知道有这么个技术可以做这样一功能而已。一边学一边做。现在这功能还没完全弄好，先总结下思路以便更好的学习：
业务逻辑：在线研讨会，提问者页面立即局部刷新，其他用户打开了这个页面定时局部刷新。
所用知识：ajax 定时器 往主页面局部div里异步加载进一个显示提问者所提问题列表的页面
代码：
//清空输入框，提示已输入
function submitQA() {
document.qasubmit.body.value = "";
qahint.innerHTML = "<b> 您的发言已经提交，欢迎继续发言。谢谢。</b>"
}
//点击问题提交调用
function readySubmit() {
setTimeout(submitQA, 1000);
setTimeout(function(){assign('tv');} , 1500);
}
//异步加载数据处理页面
function load(id) {
assign(id);
setTimeout(function () { load(id);},5000);
}
//往主页div插入 ......
HTML代码如下:
LoginValidate.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginValidate.aspx.cs" Inherits="LoginValidate" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>验证用户名是否存在</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
......
最新文章 : ajax