Can';t解析Html表中的json数据
能够调用eclipse控制台输出证明的web服务的url。 但无法将其解析为HTML表。出于测试目的,我在get.JSON函数中编写了一个windows.alert。但它不工作,但呼叫服务,如下图所示:- 有人能帮我吗。 谢谢 HTML页面的代码:-Can';t解析Html表中的json数据,html,json,spring,web-services,parsing,Html,Json,Spring,Web Services,Parsing,能够调用eclipse控制台输出证明的web服务的url。 但无法将其解析为HTML表。出于测试目的,我在get.JSON函数中编写了一个windows.alert。但它不工作,但呼叫服务,如下图所示:- 有人能帮我吗。 谢谢 HTML页面的代码:- <!DOCTYPE html> <html>`enter code here` <head> <meta http-equiv="content-type" content="text/html; cha
<!DOCTYPE html>
<html>`enter code here`
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>item svc demo</title>
<p id="demo"></p>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
<script>
function myFunction(jQuery)
{
window.alert(5 + 6);
$.getJSON("http://localhost:8080/OnlineStore/kmsg/grocery/item",
function (data) {
window.alert(9 + 6);
}
);
};
$(document).ready(myFunction);
</script>
</head>
<body>
<table id="itemTable" border="2">
<tr>
<th>itemno</th>
<th>offerPercent</th>
<th>regQtyBuyLimit</th>
<th>offerQtyBuyLimit</th>
<th>minReOrderLevel</th>
<th>pkg</th>
<th>addedOn</th>
<th>updatedOn</th>
<th>mrp</th>
<td>regPrice</th>
<th>minBulkQty</th>
<th>bulkDiscount</th>
</tr>
</table><br /><br />
<button onclick="myFunction()">Click me</button>
</body>
</html>
`在这里输入代码`
项目svc演示
函数myFunction(jQuery)
{
窗口警报(5+6);
$.getJSON(“http://localhost:8080/OnlineStore/kmsg/grocery/item",
功能(数据){
窗口警报(9+6);
}
);
};
$(文档).ready(myFunction);
项目编号
报价人
regQtyBuyLimit
报价人购买限额
minReOrderLevel
包装
阿登
更新
物料需求计划
雷格普莱斯
最小体积
批量折扣
点击我
此功能类似于控制器中的此功能
public JsonResult LoadIndex()
{
var x = (from a in db.DLVTFaulties
select new DLVTFaultyInfo
{
Id = a.Id,
Explain = a.Explain
});
return new JsonResult { Data = x, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
}
要显示表格的视图中的程序是
<script>
function LoadDLVTFaulty() {
$('#update_panel').html('Loading Data...');
var id = 0;
debugger;
$.ajax({
type: 'GET',
url: '/DLVTFaultyInfo/LoadIndex',
datatype: 'json',
success: function (d) {
if (d.length > 0) {
var $data = $('<table id = "Table"></table>').addClass('table table-responsive table-striped');
var header = "<thead><tr><th>Fault </th><th>Code </th><th></th></tr></thead>";
$data.append(header);
$.each(d, function (i, row) {
var $row = $('<tr/>');
$row.append($('<td/>').html(row.Explain));
$row.append($('<td/>').html(row.Id));
$row.append($('<td/>').html("<img id = \"edit\" src='/images/edit.png' title='Edit' onclick=\"EditFault(" + row.Id + ")\"/>"));
$row.append($('<td/>').html("<img id = \"delete\" src='/images/delete.png' title='Edit' onclick=DeleteFault(" + row.Id + ") />"));
$data.append($row);
});
$('#update_panel').html($data);
}
else {
var $noData = $('<div/>').html('no fault');
$('#update_panel').html($noData);
}
},
error: function (xhr, status, error) {
alert(error);
}
});
}
</script>
<div id='update_panel'></div>
函数loadDLVTFaulture(){
$('update_panel').html('Loading Data…');
var-id=0;
调试器;
$.ajax({
键入:“GET”,
url:“/DLVTFaultyInfo/LoadIndex”,
数据类型:“json”,
成功:功能(d){
如果(d.长度>0){
var$data=$('').addClass('table responsive table striped');
var header=“故障代码”;
$data.append(表头);
$。每个(d,功能(i,行){
变量$row=$('');
$row.append($('').html(row.Explain));
$row.append($('').html(row.Id));
$row.append($(“”).html(“”);
$row.append($(“”).html(“”);
$data.append($row);
});
$('update#panel').html($data);
}
否则{
var$noData=$('').html('no fault');
$('update#panel').html($noData);
}
},
错误:函数(xhr、状态、错误){
警报(错误);
}
});
}
我对它进行了测试,在mvc中表现出色。朋友们,几周前我就解决了这个问题。我将回答我自己的问题,希望这能帮助某人: 功能代码如下所示:
function setSales(SalesRecord,type,xml)
{
var SalesRecordTable = document.getElementById("custorder2");
var SalesRecordTableHead = document.getElementById("head2");
var SalesRecordTableBody = document.createElement("tbody");
SalesRecordTableBody.appendChild(SalesRecordTableHead);
for(var i=0; i< SalesRecord.length; i++)
{
var row = document.createElement("tr");
SalesRecordTable.insertRow(-1);
var obj = SalesRecord[i];
var vSalesOrderNo = obj["salesOrderNo"];
var vMobileNo = obj["mobileNo"];
var vitemno = obj["itemNo"];
var vpkg = obj["pkg"];
var vitemQty = obj["itemQty"];
var vitemRate = obj["itemRate"];
var vaddedOn = obj["addedOn"];
var vupdatedOn = obj["updatedOn"];
var cell = document.createElement("td");
var cellText = document.createTextNode(vSalesOrderNo);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vMobileNo);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vitemno);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vpkg);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vitemQty);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vitemRate);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vaddedOn);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vupdatedOn);
cell.appendChild(cellText);
row.appendChild(cell);
SalesRecordTableBody.appendChild(row);
}
SalesRecordTable.appendChild(SalesRecordTableBody);
SalesRecordTable.setAttribute("border", "2");
}
函数集销售(销售记录、类型、xml)
{
var SalesRecordTable=document.getElementById(“custorder2”);
var SalesRecordTableHead=document.getElementById(“head2”);
var SalesRecordTableBody=document.createElement(“tbody”);
SalesRecordTableBody.appendChild(SalesRecordTableHead);
对于(var i=0;i
//JSON数据位于“SalesRecord”参数中,customer2是表id,head2是行id,tbody是表体
谢谢。我想用javascript来做。。。请帮助某人请注意,这些“帮助我调试”问题对社区不是很有用。请尝试隔离错误并使其成为更一般的问题。同时改进格式。@devpro抱歉,我没有得到您。。。。什么格式?