漫谈Ajax在.Net中的使用

梦从心出

梦从心出

2016-01-29 11:26

漫谈Ajax在.Net中的使用,漫谈Ajax在.Net中的使用
 
AJAX出来的时间也不短了。虽然它在某些方面很受争议,但是瑕不掩瑜。AJAX不能说它属于哪门语言,而是任何一门语言与javascript,XML的交叉。我觉得,说Ajax是任何一门WEB语言与DHTML、XML的交叉这样更加合适。
以下只讨论IE部分。
Ajax在应用中使用有3个部分(个人观点):
1、数据(一般通过IE内置组件Microsoft.XMLHTTP来取得或者发送数据);
2、事件(事件指的是客户端事件,如果是服务端事件,那么AJAX也就没什么意义了);
3、绑定(暂且就叫绑定吧,也可以说是显示,一般通过DHTML来完成)。
从上面看,Ajax就使用了Microsoft.XMLHTTP组件和DHTL。其实还有另外一部分,就是服务器端的处理。
一、简单示例
就最简单的原型来说,就是取得数据:
a.aspx的内容如下:
aaaaab.aspx取得
<div id="MyShow"/
<script language="JavaScript"
    var xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
    //数据传输,flase为非异步方式
    xmlhttp.open("GET","a.aspx",true);
    xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4) {
        MyShow.InnerText = xmlhttp.responseText;
   }
   if (xmlhttp.readyState==3) {
        MyShow.InnerText  = (’正在提交数据’);
   }
  }
    xmlhttp.send(null);
}
</script
a.aspx提供可数据
xmlhttp.open("GET","a.aspx",true);就是请求a.aspx

    if (xmlhttp.readyState==4) {
        MyShow.InnerText = xmlhttp.responseText;
   }
当异步请求完成时,用DHML改变MyShow的内容。
二、GET方法
更改a.aspx如下:
<script runat="Server" language="C#"
string flag = Request["flag"] == null ? "" : Request["flag"];
switch(flag)
{
    case "1":
        Response.Write("11111111111111");
        break;
    case "2" :
        Response.Write("22222222222222");
        break;
}
</script
把b.aspx中
xmlhttp.open("GET","a.aspx",true);改成xmlhttp.open("GET","a.aspx?flag=1",true);
则得到数据11111111111111
xmlhttp.open("GET","a.aspx",true);改成xmlhttp.open("GET","a.aspx?flag=2",true);
则得到数据22222222222222
三、POST方法
如果有这样一个表单
<form method=post
    <input name="p1" type=text /
<input name="p2" type=submit/
</form
用AJAX就是
<div id="MyShow"/
<script language="JavaScript"
    var xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
    //数据传输,flase为非异步方式
    xmlhttp.open("Post","a.aspx",true);
    xmlhttp.onreadystatechange=function() { [next]
    if (xmlhttp.readyState==4) {
        MyShow.InnerText = xmlhttp.responseText;
   }
   if (xmlhttp.readyState==3) {
        MyShow.InnerText  = (’正在提交数据’);
   }
  }
       xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlhttp.send("p1=qwdqwdqwdqwd"); //这里是POST要提交的数据。
}
</script
而一般模拟请求都是POST和Get同时存在的
只要把
 xmlhttp.open("Post","a.aspx",true);
里a.asp
展开更多 50%)
分享

猜你喜欢

漫谈Ajax在.Net中的使用

电脑网络
漫谈Ajax在.Net中的使用

Ajax在.NET中与Server控件的交互

Web开发
Ajax在.NET中与Server控件的交互

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

漫谈85mm在摄影中的使用

摄影 人像摄影 静物摄影
漫谈85mm在摄影中的使用

AJAX在PHP中的简单使用

Web开发
AJAX在PHP中的简单使用

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

AJAX 技术在 PHP 中的简单使用(2)

PHP
AJAX 技术在 PHP 中的简单使用(2)

AJAX 技术在 PHP 中的简单使用(1 )

PHP
AJAX 技术在 PHP 中的简单使用(1 )

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

php+ajax文件上传进度条

php+ajax文件上传进度条

《全民飞机大战》日常任务解析

《全民飞机大战》日常任务解析
下拉加载更多内容 ↓