var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
if (httpRequest.overrideMimeType) {
}
}
else if (window.ActiveXObject) {
try {
httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
&n ......
var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
if (httpRequest.overrideMimeType) {
}
}
else if (window.ActiveXObject) {
try {
httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
&n ......
<script type="text/javascript">
function addUrl(){
//1、设置请求url地址
var name = document.getElementById("name").value;
var text = document.getElementById("url").value;
var url = "insertUrl.do?name="+name+
"&url="+text+"&time"+new Date() ;
//2、创建xmlHttpRequest对象
xmlHttpRequest = createXmlHttpRequest();
//3、设置xmlHttpRequest对象的回调函数
xmlHttpRequest.onreadystatechange = execute ;
//4、注册xmlHttpRequest对象
xmlHttpRequest.open("get",url,true);
//5、发送请求
xmlHttpRequest.send(null);
}
//创建xmlHttpRequest对象方法
function createXmlHttpRequest(){
//如果是IE浏览器
if(window.ActiveXObject){
return new ActiveXObject("Microsoft.XMLHTTP");
}
//非IE浏览器
if(window.XMLHttpRequest){
return new XMLHttpRequest();
}
}
//回调函数
function execute(){
//当xmlHttpRequest的状态为接收结果并完毕和服务器返回状态为正常执行刷新部分页面
if(xmlHttpRequest.readyState == 4 &&
xmlHttpRequest.status == 200){
if(xmlH ......
剖析 AJAX 回发
若要使 ASP.NET 页面成为部分呈现的页面，首先必须向页面添加一个脚本管理器，然后通过使用 UpdatePanel 控件进行封装，从而定义可独立更新的区域。例如：
< ?xml:namespace prefix = asp />
< asp:ScriptManager runat="server">< /asp:ScriptManager>
< asp:UpdatePanel id=UpdatePanel1 runat="server">
< CONTENTTEMPLATE>
< %-- Markup of the region goes here --%>
< /CONTENTTEMPLATE>
< /asp:UpdatePanel>
UpdatePanel 控件不会以任何方式改变为该区域生成的可见标记，而只是向原始标记添加一个外围
标记：
< DIV id=UpdatePanel1>
< %-- Markup of the region goes here --%>
< /DIV>
什么会触发 AJAX 回发？如何进行管理？由谁管理？每当脚本管理器在页面上检测到一个或多个 UpdatePanel 控件时，它会发出如下的脚本程序块：
< SCRIPT type=text/javascript>
Sys.WebForms.PageRequestManager._initialize('ScriptManager1',
document.getElementById('form1'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(
['tUpdatePanel1', ......
Web开发者不会注意到由 “AJAX(Asynchronous JavaScript And XML)”所带来的激情。不费力气就能创建像Google Suggest那样的智能网站或者像Gmail那样基于Web的应用程序，这在很大程度上要归功于这种技术。然而，伴随着AJAX应用程序的发展，我们发现了它的一些不足之处，我们发现它的安全漏洞也在逐渐变大，就像慢慢地把基于AJAX的站点放入了一颗定时炸弹中。
AJAX的好处
在当年“Web应用程序”的美好时代，事情非常简单。你填写了一个表单，点击“提交”按钮，然后当前屏幕就消失了，等待一小会儿后你就转入到了下一个页面。今天的状况已经不是这样的了，用户需要的是一种就像任何桌面应用程序那样流畅、快捷和人性化的Web体验。
AJAX经常是和DHTML(Dynamic HTML)一起协作的，它的顺利执行需要允许网页中的JavaScript代码和web服务器在后台无缝通讯。比方说，当你开始在Google Suggest的搜索框中输入东西时，web页面就和服务器在后台开始交换数据，然后会给出一些你可能需要的词条等。所有的这一切都不需要页面刷新或者按下任何按钮。同样这也就是像Gmail那样的应用程序怎么能对实时拼写检查做的那么好的原因。
AJAX怎样工作
AJAX复杂的原� ......
客户端代码：
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sl(url){
//可加一些验证信息
document.getElementById('slform').style.display='';//打开受理form
//alert("url="+url);
createXMLHttpRequest();//为 xmlHttp 赋值
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = slcallback;
xmlHttp.send(null);
}
function slcallback(){
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var applyPerson = xmlHttp.responseXML.getElementsByTagName('applyPerson')[0].firstChild.data;
var applyIdCard = xmlHttp.responseXML.getElementsByTagName('applyIdCard')[0].firstChild.data;
document.getElementById('slPerson').value=applyP ......
最新文章 : ajax