ScriptManager.RegisterStartupScript(p1, this.GetType(), "click", "alert('ok')", true);//p1是updatepanel的id
ScriptManager.RegisterStartupScript(p1, this.GetType(), "click", "alert('ok')", true);//p1是updatepanel的id
......
ScriptManager.RegisterStartupScript(p1, this.GetType(), "click", "alert('ok')", true);//p1是updatepanel的id
ScriptManager.RegisterStartupScript(p1, this.GetType(), "click", "alert('ok')", true);//p1是updatepanel的id
......
视频下载地址
： http://dwz.duqn.com/doc/dwz-ajax-develop.swf
ajax 表单提交、分页组件
大家在使用DWZ框架过程中遇到问题最多的也是ajax表单提交处理流程、分页组件问题。本教材主要是讲解DWZ框架表单提交、分页等ajax交互原理和规范。DWZ其它组件这里不再讲解了，大家去看DWZ用户手册，特别是第一次使用一定要看用户手册中的 “常见问题及解决”。
实际上使用DWZ框架是非常简单方便的。开发人员基本不需自己写JS，包括ajax表单提交、分页组件。
信息列表上查询和分页都是用一个pagerForm来临时存查询条件。需要在每个查询列表页面加个隐藏的pagerForm。
分页或删除列表中的数据等操作都会重新载入当前navTab或dialog。原理很简单就是DWZ框架自动组装这个pagerForm中的参数后重新载入
当前navTab或dialog。
表单提交根据服务器端返回的json结构，有以下几种处理流程：
1) statusCode==300表示操作失败，提示用户出错原因message
2)
statusCode==200表示操作成功，提示message
navTabId非空，重新载入指定的navTab
callbackType=="closeCurrent"关闭当前form所在的nab ......
这两天刚解决了ajax多浏览器兼容的问题，主要就针对Firefox的，开始还以为Firefox不支持ajax呢（别笑我呀，不怎么了解Firefox也没用过，呵呵），多亏看了下面的文章才让我了解ajax的适用范围。其实只要符合w3c的标准就可以在Firefox等这些浏览器上正常显示，所以还是应该好好了解一下w3c的标准规则呀。不过要解决眼前的兼容问题首先注意以下几点：（这个也是网上找来的）1,document.getElementById替代document.all（ie适用）
2,集合[]替代()（ie适用）
3,target替代srcElement;parentNode替代parentElement（parentNode ie适用）
4,node.parentNode.removeChild(node)替代removeNode(this)（ie适用）
5,DOMMouseScroll替代onmousewheel;-e.detail替代event.wheelDelta
6,addEventListener替代attachEvent;removeEventListener替代detachEvent
7e.preventDefault()替代event.returnValue=false;e.stopPropagation()替代event.cancelBubble=true
8,style.top、style.left等严格检查"px"单位（加"px" ie适用）
9,style="-moz-opacity:0.9"替代style="filter:alpha(opacity=90)";无其它filter
10,style.cursor="pointer"替代style.cursor="hand"（ie适用） ......
描述:Ajax基础 在进行Ajax开发以前，我们必须先对一些基本的知识进行了解。虽然Ajax.NET已经将Ajax实现细节封装起来，并大大简化
Ajax基础
在 进行Ajax开发以前，我们必须先对一些基本的知识进行了解。虽然Ajax.NET已经将Ajax实现细节封装起来，并大大简化了我们的操作，但是了解基 本的Ajax实现方式对于帮助我们在开发中能更好理解和实施，以及更有效地优化和排错是至关重要的。此外，虽然我们不必编写具体的Ajax调用代理，但是 在调用代理前获取数据，以及返回数据后怎样使数据能够正确显示，这两部分工作都需要我们具有基本的JavaScript操作DOM模型的能力。接下来我们 将来对这几方面的知识进行讨论。
5.2.1 XMLHttpRequest对象
对 于Ajax技术的基础和核心，XMLHttpRequest对象应该是我们必须要了解的一个对象，Ajax实现的关键发送异步请求并接收响应执行回调都是 通过它来完成的。XMLHttpRequest最早是在Microsoft Internet Explorer 5.0以ActiveX组件中被引入的，之后各大浏览器厂商都以JavaScript内置对象的方式实现了XMLHttpRequest对象。虽然大家对 它的实现方式有所区别，但是绝大多数浏览器都提供了类似的属性和方法，在实际脚本编写方法上区别不大，并且实现得 ......
到此为止，你可能已经注意到，使用Ajax编程时有很多麻烦事。如果你要支持多个浏览器（现在还有谁只支持一个浏览器呢？），无疑会遭遇不兼容问题。单看一个简单的动作，比如说创建XMLHttpRequest对象的一个实例，这需要先进行浏览器测试。一旦开始尝试使用Ajax技术，你很快就会注意到要反复地完成同样的一些任务。当然，你可以收集一些常用代码库，甚至创建自己的框架。不过，做这个工作之前，需要先了解一下现在已经有些什么了。
与所有优秀技术一样，Ajax已经催生出大量框架，有了这些框架，开发人员的日子好过多了。我们要强调一点，Ajax还很新，而且还在发展，框架领域也同样如此。几乎每天都有新来者，目前还看不出谁是最后的赢家。2003年6月之前，这方面的框架还不多，所以在以后的几个月可能还会有巨大变化。
有些框架基于客户端，有些基于服务器端；有些专门为特定语言设计，另外一些则与语言无关。其中绝大多数都有开源实现，但也有少数是专用的。我们不会面面俱到地谈到每一个框架，而且也不可能深入分析提到的每个框架。我们的出发点很明确，就是让你对现在有些什么有所认识。在你读到本附录时，我们提到的一些工具包可能已经销声匿迹，另外的则可� ......
A.aspx页面放一个dropdownlist，在A.aspx.cs添加： this.drpSchool.Attributes.Add("onchange", "load(this.options[this.selectedIndex].value)");
在A.aspx页面添加如下脚本：
function load(state){
var oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
var oDoc = new ActiveXObject("MSXML2.DOMDocument");
oHttpReq.open("POST", "../B.aspx?state="+state, false);
oHttpReq.send("");
result = oHttpReq.responseText;
oDoc.loadXML(result);
items1 = oDoc.selectNodes("//NewDataSet/Table/dtid");
items2 = oDoc.selectNodes("//NewDataSet/Table/dtname");
var itemsLength=items1.length;
for(i=0;i<itemsLength;i++)
//将小类的类名和编号赋予DropDownList2
{
var newOption = document.createElement("OPTION");
newOption.text=items2[i].text;
newOption.value=items1[i].text;
drp2.options.add(newOption);
// newOption.value=6;
}
}
B.aspx.cs页面：
if (Request.QueryString["state"] != null && Request.QueryString["state"].ToString() != "")
&n ......
最新文章 : ajax