ajax怎么请求json文件带参数
导读：AJAX请求JSON文件带参数 function loadJSON(parameter { var xhttp = new XMLHttpRequest( ; xhttp.onreadysta...
AJAX请求JSON文件带参数 function loadJSON(parameter) {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 &
&
this.status == 200) {
var response = JSON.parse(this.responseText);
// 解析JSON响应 document.getElementById("output").innerHTML = response.name + "的年龄是" + response.age + "岁。";
}
}
;
xhttp.open("GET", "example.json?parameter=" + parameter, true);
xhttp.send();
}
查看第5个人的年龄 查看第10个人的年龄 {
"name": "张三", "age": 25 }
, {
"name": "李四", "age": 30 }
, {
"name": "王五", "age": 35 }
, // ...... AJAX是一种在不刷新整个页面的情况下发送和接收数据的技术。使用AJAX请求JSON文件带参数的方式可以更加灵活地获取所需数据。
在上面的代码中，我们定义了一个函数loadJSON，它接受一个参数parameter用于指定要查看的数据条目，然后通过XMLHttpRequest对象发送GET请求。请求地址为example.json，并在结尾处附加一个参数parameter。最后，我们解析JSON响应，更新页面中的输出结果。
在页面上，我们放置了两个按钮，分别用于查看第5个和第10个数据条目的年龄。当我们点击这些按钮时，loadJSON函数被调用，请求地址被设置为example.json?parameter=5或example.json?parameter=10，然后返回对应的JSON数据，输出在页面中。
在JSON文件中，每条数据都按以下格式存储： {
"name": "姓名", "age": 年龄 }
, // ...
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： ajax怎么请求json文件带参数
本文地址： https://pptw.com/jishu/529273.html