基于Ajax的web2.0
来源:互联网 发布:淘宝假冒伪劣产品 编辑:程序博客网 时间:2024/05/21 12:44
<input type="button" id="Button1" value="Search" onclick="getData()" />
<script type="text/javascript">
var xmlhttp;
function createRequest()
{
//首先判断是否是IE浏览器
if(window.ActiveXObject)
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest;//FireFox
}//此处根据浏览器的不同,可以有多种创建对象
}
function getData()
{
//获取用户填写名称
var city = document.getElementById("txt").value;
//创建异步调用对象
createRequest();
//将对象状态与事件相关联
xmlhttp.onreadystatechange = statechange;//方法后面不加括号
//加载要链接的页面
xmlhttp.open("POST","datapage.aspx?city=" +city,true);
//发送请求
xmlhttp.send();
}
function statechange()
{
//判断异步调用是否已经成功,返回的状态代码==200,表示调用成功
if(xmlhttp.readystate == 4 && xmlhttp.status == 200)
{
//将返回数据作为参数,传递给填充方法
FillData(xmlhttp.responseText);//文本获取,xmlhttp.responseXML是xml类型获取
}
}
function FillData(strcity)
{
document.getElementById("DropDownList1").options.length=0;
var indexofcity;
var city;
//切割传递来的字符串
while(strcity.length >0)
{
//判断是否是最后一个字符串
indexofcity = strcity.indexOf(",");
if(indexofcity > 0)
{
city = strcity.substring(0,indexofcity);
strcity = strcity.substring(indexofcity+1);
//填充下拉框
document.getElementById("DropDownList1").add(new option(city,city));
}
else
{
//如果是最后一个字符串
lastcity = strcity.substring(0,2);
document.getElementById("DropDownList1").add(new option(lastcity,lastcity));
break;
}
};
}
<script type="text/javascript">
var xmlhttp;
function createRequest()
{
//首先判断是否是IE浏览器
if(window.ActiveXObject)
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest;//FireFox
}//此处根据浏览器的不同,可以有多种创建对象
}
function getData()
{
//获取用户填写名称
var city = document.getElementById("txt").value;
//创建异步调用对象
createRequest();
//将对象状态与事件相关联
xmlhttp.onreadystatechange = statechange;//方法后面不加括号
//加载要链接的页面
xmlhttp.open("POST","datapage.aspx?city=" +city,true);
//发送请求
xmlhttp.send();
}
function statechange()
{
//判断异步调用是否已经成功,返回的状态代码==200,表示调用成功
if(xmlhttp.readystate == 4 && xmlhttp.status == 200)
{
//将返回数据作为参数,传递给填充方法
FillData(xmlhttp.responseText);//文本获取,xmlhttp.responseXML是xml类型获取
}
}
function FillData(strcity)
{
document.getElementById("DropDownList1").options.length=0;
var indexofcity;
var city;
//切割传递来的字符串
while(strcity.length >0)
{
//判断是否是最后一个字符串
indexofcity = strcity.indexOf(",");
if(indexofcity > 0)
{
city = strcity.substring(0,indexofcity);
strcity = strcity.substring(indexofcity+1);
//填充下拉框
document.getElementById("DropDownList1").add(new option(city,city));
}
else
{
//如果是最后一个字符串
lastcity = strcity.substring(0,2);
document.getElementById("DropDownList1").add(new option(lastcity,lastcity));
break;
}
};
}
</script>
protected void Page_Load(object sender, EventArgs e)
{
//获取传递过来的参数
string city = Request.QueryString["city"];
Response.Clear();
//判断城市名
switch(city)
{
case "北京":
//填充相关的区域
Response.Write("朝阳,海淀,东城,西城");
break;
case "上海":
Response.Write("浦东,静安,虹口,徐汇");
break;
case "苏州":
Response.Write("园区,新区,古城区,昆山,吴江,张家港,太仓");
break;
}
- 基于Ajax的web2.0
- Web2.0中Ajax应用的详解
- Web2.0:AJAX的使用(XMLHttpRequest简介)
- Web2.0中Ajax应用的详解
- 基于Internet Web2.0的客户关系管理
- 基于Internet Web2.0的客户关系管理
- WEB2.0 AJAX
- WEB2.0 RIA AJAX
- web2.0之ajax
- [转]WEB2.0中AJAX应用的详细探讨
- WEB2.0中AJAX应用的详细探讨
- WEB2.0中AJAX应用的详细探讨 (转)
- WEB2.0中AJAX应用的详细探讨
- WEB2.0中AJAX应用的详细探讨
- WEB2.0 中 AJAX 技术应用的详细探讨
- WEB2.0中AJAX应用的详细探讨
- WEB2.0中AJAX应用的详细探讨
- WEB2.0中AJAX应用的简单探讨
- YEAR OF SECURITY FOR JAVA – WEEK 11 – X-XSS-PROTECTION
- Qt学习之路(34): 国际化(下)
- perl
- How to Practice Your Web Application Testing Skills
- 设计模式之单例模式
- 基于Ajax的web2.0
- 反向代理
- js 模态窗口 关闭刷新父窗口或跳转页面
- 批处理学习(5) 字符串处理释义
- javascript小技巧
- 结构体成员的内存分布与对齐
- 究竟哪个才是需要remount的设备名呢? 答案揭晓:)
- BOOTMGR is compressed解决方案
- 音视频播放原理