Nov
12
周末练习了一下ajax的联动菜单,一直没有测试完全通过。后来从网上看到一个不错的思路。一起研究。这里以城市为例子来说明。
首先看文件结构:
/inc 包含function.php文件和数据操作类
/index.php html代码和州的收据获取代码
/ajax_city.php 城市数据的获取代码
/ajax.js httpRequest的建立和异步请求
index.php文件:
Array
ajax.js文件:
Array
function getcityOk(){
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
try{
var classObj = document.getElementById("city");
Array // 开始的写法,但无论如何也传不到页面中去!→
Array
}
catch(exception){}
}
}
ajax_city.php文件:
Array
总结:
这只是一个简单的联动菜单,但当我把select对象传入函数中去,并在请求的url上加上参数,那就改成了一个多级联动的下拉选择菜单了。这里我测试没有通过,即选择了大类以后,小类可以跳动,但是改变了的值无法正常显示。由于时间较晚了,今天就到这了,等测试通过后,我再来说明原因吧。
Array
首先看文件结构:
/inc 包含function.php文件和数据操作类
/index.php html代码和州的收据获取代码
/ajax_city.php 城市数据的获取代码
/ajax.js httpRequest的建立和异步请求
index.php文件:
Array
ajax.js文件:
Array
function getcityOk(){
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
try{
var classObj = document.getElementById("city");
Array // 开始的写法,但无论如何也传不到页面中去!→
Array
}
catch(exception){}
}
}
ajax_city.php文件:
Array
总结:
这只是一个简单的联动菜单,但当我把select对象传入函数中去,并在请求的url上加上参数,那就改成了一个多级联动的下拉选择菜单了。这里我测试没有通过,即选择了大类以后,小类可以跳动,但是改变了的值无法正常显示。由于时间较晚了,今天就到这了,等测试通过后,我再来说明原因吧。
Array
作者:@Everyday NetLog
地址:http://log.zhoz.com/read.php?71
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!
gan
2008/11/13 09:53

哈哈哈哈
2008/04/08 13:56
广告歌
分页: 1/1
1

