Ajax *** 作数据库

加载jquery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script>

$(function () {

$('#kaiguan').click(function () {

$.ajax({

url: "make.php",

type: "POST",

cache: false,

data: "{\"id\":\""+$(this).attr('id')+"\"}",

contentType: "application/x-www-form-urlencoded",

success: function (data) {

//data为返回的数据

}

})

})

})

</script>

页面上：<input type="button" id="kaiguan" value="开关" />

三层for嵌套就出来了！

呵呵！逻辑很简单，就是代码麻烦了点！

每个for判断一次，判断是否是子节点，如果是就循环！

还有一种办法就是你先读出第一层的！然后当别人点击第一层或者是鼠标进入的时候根据点击的那个按钮来查询数据库，然后将第二层填充进去！

第三层也是跟第二层的一样！

这种方法比较快！也比较方便！

ajax的原生态方法即可，

<script type="text/javascript">

var xmlHttpRequest

//判断不同浏览器，采用不同方式创建XMLHttpRequest对象

function createXmlHttpRequest(){

if(window.ActiveXObject){

return new ActiveXObject("Microsoft.XMLHTTP")//windows浏览器

}else if(window.XMLHttpRequest){

return new XMLHttpRequest()//其他浏览器

}

}

// 发送请求到服务器，判断用户名是否存在

// 请求字符串

var url = "user.do?method=doCheckUserExists&userName="+uname

//1. 创建XMLHttpRequest组件

xmlHttpRequest = createXmlHttpRequest()

// 2. 设置回调函数

xmlHttpRequest.onreadystatechange = haoLeJiaoWo

// 3. 初始化XMLHttpRequest组件

xmlHttpRequest.open("GET",url,true)

// 4. 发送请求

xmlHttpRequest.send(null)

}

function haoLeJiaoWo(){

if(xmlHttpRequest.readyState == 4){

if(xmlHttpRequest.status == 200){

var b = xmlHttpRequest.responseText

alert("服务器端返回信息：" + b)

//b 是个字符串，后台传过来的，

//.... 你想要的 *** 作在这里写 动态刷新jsp页面

}

}

}

</script>

---