JavaScript code
var xmlHttp
function createXMLHttpRequest() {
if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest()
} else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
}
}
function routeList(){
createXMLHttpRequest()
url = "manage_action_class.php?"&ran="+Math.random() //后端请求页面
method = "GET" //传输方式
xmlHttp.open(method,url,true)
xmlHttp.onreadystatechange = showList //这里为回调函数
xmlHttp.send(null)
}
function showList(){
if (xmlHttp.readyState == 4){
if (xmlHttp.status == 200){
var text = xmlHttp.responseText //这里获得服务器返回的数据
document.getElementById("route").innerHTML = text //将数据放入html指定div中
}else {
alert("response error code:"+xmlHttp.status)
}
}
}
我只能说说调试方法，具体看你怎么去执行调试。
1、在 $.post 之前随便加个 alert ，看 alert 有没有执行；如果执行，那就是 $.post 有问题，如果不执行，那说明 submit 事件就没有执行；
2、submit 内事件绑定，调试的时候加 event.preventDefault()防止表单提交后页面刷新或调走了。
$( "#target" ).submit(function( event ) {alert( "Handler for .submit() called." )
event.preventDefault()
})
比如服务器上有张表或者listidname sex
1 张三男
2 李四女
3 王五男
你首先在后台代码中把这个表处理成为JSON格式然后用Response.write的方法输出来，比如这样
[{id:1,name:'张三',sex:'男'},{id:2,name:'李四',sex:'女'},{id:3,name:'王五',sex:'男'}]
JSON是用于在JS中描述实体对象的一种方式，具体关于JSON的知识可以看w3school.com.cn上的相关内容，我这儿就不给你细讲了，很简单，我只说做法：
为了方便使用，你需要在你的页面中引用jQuery库，我不知道你用什么语言做的后台程序，原理一样
$.ajax({
url:"这里换成你写好的用于把表转换成JSON的后台处理文件地址，比如a.aspx?参数",
type:"POST",//这里是AJAX请求的方式
dataType:"JSON",//如果你回发的内容是JSON格式的就用这个，否则用Text或其他
data:{
参数1:值,
参数2:值,
......
参数n:值
},//要发送的参数，如果无参数可以不写此项
success:function(data)
{
//此处写入发送成功后要处理的代码，而参数里的这个data，就是请求成功后返回来的上面那个格式的JSON，你可以用data[i]的值来取其中一行，如取张三的数据就是
data[0].name，就取出了张三的name属性
所以你可以在这里用循环去处理data，然后将结果用document.write的方式输出来就完成了。
},
error:function(XMLHttpRequest,Error,F)
{
//出错后可以在这里给出提示，Error参数表示错误信息
}
})
还有弄不清楚的地方可以继续和我探讨。
