当前位置:首页>开发>正文

用ajax向服务器发送请求并接收服务器返回的数据,并在HTML页面的Table中显示 ajax怎么获取后台返回的数据

2023-04-12 20:23:17 互联网 未知 开发

 用ajax向服务器发送请求并接收服务器返回的数据,并在HTML页面的Table中显示 ajax怎么获取后台返回的数据

用ajax向服务器发送请求并接收服务器返回的数据,并在HTML页面的Table中显示

比如服务器上有张表或者list
id name 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参数表示错误信息
}
})
还有弄不清楚的地方可以继续和我探讨。

ajax怎么获取后台返回的数据

var xmlhttp
            if(window.XMLHttpRequest){
                xmlhttp=new XMLHttpRequest()
            }else{
                xmlhttp=new ActiveXObject()
            }
            xmlhttp.onreadystatechange=function(){
                if(xmlhttp.readyState==4 && xmlhttp.status==200){
                    alert(xmlhttp.responseText)//此处获取返回数据
                }
            }

ajax请求接口怎么获得返回数据

$.ajax({
url:"(你要请求的url地址)",
data:{

"key1" : "value1",
"key2" : "value2"
},
type:"post", //此处传递方式可以是get也可以是post
dataType:"json", //后台要返回的数据形式
success:function(data){//请求成功的要执行的回调函数
console.log(请求成功)
console.log(data)
},
error:function(msg){//请求失败的要执行的回调函数
console.log(请求失败)
console.log(msg)
}
})
另外,获取回来是json对象,你要用js处理为js对象,调用eval()用法可以参考百度。然后用数组形式进行调用数据即可