Javascript 未生成Xhr,可以';我不知道我在哪里';我做错了
我正在尝试从url获取: 然后将其解析为JSON,将JSON格式发送到表创建函数showTable()中 html文件:Javascript 未生成Xhr,可以';我不知道我在哪里';我做错了,javascript,html,json,rest,xmlhttprequest,Javascript,Html,Json,Rest,Xmlhttprequest,我正在尝试从url获取: 然后将其解析为JSON,将JSON格式发送到表创建函数showTable()中 html文件: <!DOCTYPE html> <html> <head> <title>Online Shop</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> <script src="myscripts.js">&
<!DOCTYPE html>
<html>
<head>
<title>Online Shop</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="myscripts.js"></script>
</head>
<body>
<h1 id="mainheader">Boutique</h1>
<table id="menuTable" align="center">
<tr>
<td><button onclick="getResults()">Browse shop</button></td>
<td><button onclick="joinShop()">join the shop</button></td>
<td><button onclick="showComments()">Your comments</button></td>
</tr>
</table>
<hr></hr>
<div id="bodyDiv">
</div>
</body>
</html>
网上商店
时装店
浏览商店
加入商店
你的评论
相关javascript:
function getResults(){ //gotta change it to take appended shit after ".svc/"
var uri = "http://redsox.tcs.auckland.ac.nz/BC/Open/Service.svc/booklist";
var xhr = new XMLHttpRequest();
xhr.open('GET', uri, true);
xhr.onload = function (){
var resp = JSON.parse(xhr.responseText);
showTable(resp.value);
}
xhr.send(null);
}
function showTable(item) {
var tableContent = "<tr class='orderTitle'><td>book id</td><td>book title</td></tr>\n"//creating unique table heading column
for(var i = 0; i < item.length; ++i) {
var record = item[i];
if (i & 1 == 1){
tableContent += "<tr class='orderOdd'>";
}
else { //even row
tableContent += "<tr class='orderEven'>";
}
tableContent += "<td>" + record.Id + "</td><td>" + record.Title + "</td></tr>\n"
}
document.getElementById("bodyDiv").innerHTML = tableContent;
}
function getResults(){//必须将其更改为在“.svc/”之后使用
var uri=”http://redsox.tcs.auckland.ac.nz/BC/Open/Service.svc/booklist";
var xhr=new XMLHttpRequest();
open('GET',uri,true);
xhr.onload=函数(){
var resp=JSON.parse(xhr.responseText);
可展示(分别为价值);
}
xhr.send(空);
}
功能显示表(项目){
var tableContent=“book idbook title\n”//创建唯一的表标题列
对于(变量i=0;i
开发人员控制台中的错误说明了什么?我猜是CORS出错了那有什么问题?打开浏览器的开发人员工具。看看控制台。有错误吗?查看“网络(工作)”选项卡。你看到请求了吗?它得到回应了吗?他们是你所期望的吗?添加调试器代码>语句,并在需要时跟踪代码以查看发生了什么。嗯,该服务正在返回XML。您不应该在open()之后调用send()吗?此外,onloadend不是一个更好的监听事件,因为它在读取整个响应后触发。