一、 新建一个Ajax_Start的网站
二、 在网站中添加一个web服务（ws_start.asmx）
在vs2008中，添加一个web服务生成了两个文件，一个是asmx文件，一个是在App_code里的cs文件；我觉得这样并不好，主要是不方便管理，至少现在在我看来是这样，所以下面我们要来改造一下它
三、 改造vs2008中生成的web服务
1) 首先将App_code里ws_start.cs中的代码全部copy出来，然后放入到ws_start.asmx文件中去
2) 删除App_code里的ws_start.cs文件
3) 将ws_start.asmx中的最上面的WebService里的CodeBehind属性删除，因为我们已经在前一步删除了CodeBehind里关联的文件
4) 因为vs2008生成的web服务的cs文件没有命名空间，所以必须为它加上一个命名空间：namespace Ajax_Start
5) 修改WebService里的c ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="061/xml.js"></script>
<style type="text/css">
.tblStyle
{
border-collapse:collapse;
background:#FFF;
border-top:#000 1px solid;
border-bottom:#000 1px solid;
border-left:#000 0px solid;
border-right:#000 0px solid;
}
.tblStyle th
{
background:#FF9;
text-align:left;
border-bottom:#000 1px solid;
}
.tblStyle td
{
border-collapse:collapse;
border-top:#000 1px solid;
}
</style>
<script type="text/javascript">
<!--
var xmlHttp;
function createXHR(){
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); ......
1. Accordion
【功能概述】Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个 CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane，每一个AccordionPane的 template里包括了对其Header和Content的定义。我们可以在后台代码中通过SelectedIndex属性取得当前展开的哪一个 Panel，还可以控制哪一个Panel展开。
经常可以见到类似的效果，比如QQ、Msn好友分类的折叠效果。
【细节】
(1)不要把Accordion放在Table中而又把 FadeTransitions 设置为True，这将引起布局混乱
(2) 在AccordionPane模板中的Content中可以定义任何Web元素，表现的就像一个容器
(3) AccordionPane内容模板自动改变大小有三种AutoSize modes ：None(推荐) Limit Fill
(4) $find('ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender')这里找到的是 Behavior.什么是Behavior呢？在Asp.net Ajax框架中包含一组动作并完成一个功能. Accordion的一个Behavior就是淡入淡出.
找到Behavior的引用，behavior.set_FadeTransitions() behavior.get_FadeTransitions()的方式来实现具体某一个Behavior的 ......
前后端的交互是整个框架的中心，我希望从流的角度来设计AJAX的交互
AJAX的设计将横贯前后端
前端是主动
后端是被动
整体考虑的话 前后端使用一个统一的接口进行AJAX交互
后端 用一个唯一的URL来处理 AJAX请求
接口名称 处理接口：[http://域名/mvc.ajax] 封装所有的AJAX请求的预处理
调试接口：[http://域名/debug.ajax] 允许前端编程时 映射后端的MODLE块 生成前端的MODLESOURCE{该接口不应该在业务处理中可见}
后端MVC.AJAX接口 接受2个参数 m,p m代表类型 p是参数的串{不考虑后端的具体编程语言}
前端的AJAX处理将全部围绕 AJAX接口
前端命名方式
info.kk3k.AJAX {根据JAVA包的命名规范 倒转域名+类名}
AJAX表示整个AJAX处理的空间和方法调用
AJAX(post|get,url,data,ancy,callbcak,errorcb) //最原始的AJAX调用方法
AJAX.Config={....} &nbs ......
var xmlhttp;
function verify()
{
//2.创建XmlHttpRequest对象
//这是XmlHttpRequest对象五步中使用最复杂的一步
//需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码
if(window.XMLHttpRequest)
{
//针对FireFox,Mozillar,Opera(手机),Safari(苹果系统),IE7,IE8
xmlhttp = new XMLHttpRequest();//注意这里所有字母大小写不能错
if(xmlhttp.overrideMimeType)
{
//针对某些特定版本的mozillar的浏览器的bug进行修正
xmlhttp.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject) //注意这里所有字母大小写不能错
{
//针对IE6,IE5.5,IE5
//两个可以用于创 ......
创建一个弹出DIV窗口可能是现在网站/网页制作中最常碰到的问题之一。传统的JavaScript弹窗已经不适合目前网站的设计理念了，理由有二：首 先，不友好——生硬的弹出对话框且伴随着“哐”的一声对用户体验是个很大的挑战；其次，兼容性不够强——有相当多的浏览器屏蔽了这种JS的Alert() 方法。于是，一个良好用户体验的网站需要一种更合理的解决方案——使用很少的HTML代码，很少的CSS代码和几行的JavaScript代码来模拟浏览 器默认的弹出窗口（即替换掉默认的Alert()界面和功能）。
实现原理：
首先，我们将弹出框中的内容放置在一个特殊的DIV层中，然后默认隐藏它（即初始不可见，使用CSS即可实现）。当用户执行某个动作时——比如点击某 个链接或者将鼠标光标移动到某个链接上——我们将之前设置好的隐藏层显示在所有页面元素的最上层（将使用JS操作实现）。此外，我们还将在弹出DIV窗口 中设置一个按钮来执行——当用户点击此按钮时关闭窗口的功能。
实现过程:
就如我上面提到的，我们首先需要创建一个特殊的DIV层，然后我们将弹出窗口的内容放在这个DIV层里面。在这里，我们将其ID命名为&ldquo ......
最新文章 : ajax