ajax的列表联动示例
ajax的列表联动示例
1、 输入域:
请选择省:
<select id="sel1" onchange="return choose(this);">
<option value="">--请选择--</option>
<option value="1">湖南省</option>
<option value="2">湖北省</option>
</select>
请选择市:
<select id="sel2">
<option value="">--请选择--</option>
</select>
2、 JavaScript脚本:
var xmlHttp;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpReuqest();
}
}
//选择下列列表中的值
function choose(obj) {
var province = obj.value;
createXMLHttpRequest();
xmlHttp.onreadystatechange = process;
xmlHttp.open("GET", "SelProvince?province=" + province);
xmlHttp.send(null);
}
//用来处理状态改变的函数
function process() {
//定义一个变量用于存放从服务器返回的响应结果
var result;
if(xmlHttp.readyState == 4) { //如果响应完成
&
相关文档:
Microsoft AJAX Library
Microsoft AJAX Library[下载]是微软为ASP.NET的AJAX功能提供的客户端Javascript扩展类库。虽然是为ASP.NET编写的,但同样适用于其他语言。
与如今被广泛使用的prototype、jquery等AJAX类库相比,Microsoft AJAX LibraryL灵活性可能不足,而且也没有其他类库"轻",如prototy ......
本文内容摘自:《Java Web开发教程——入门与提高篇(JSP+Servlet)》
AJAX是Asynchronous JavaScript and XML的缩写,涉及JavaScript脚本、XHTML和CSS、DOM、XML和XSTL等技术。
l XHTML与CSS实现数据信息的统一化和标准化显示;
l & ......
data类型
js代码:
$.post("getmaterial.do?method=getmaterial",
{name:name},
function (data) {
});
其中getmaterial.do?method=getmaterial是请求的url,{name:name}是传递到后台的参数,可以用
request.getParameter("name");获取,data是后台传递过来的数据。
action代码:
response.setContentType( ......
在这个被Ajax技术统治的互联网时代,很多Ajax程序都会在异步读取数据的同时,显示一个正在读取或Loading的动画,今天彬Go要向大家
推荐一个在线生成Loading预载动画Gif图片的网站,它不但提供了超多的Loading动画样式供你选择,而且你还可以自定义尺寸、颜色等参数,可
谓方便到家,最最重要的是,PreLoaders.net
提供 ......