Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Can';t解析Html表中的json数据_Html_Json_Spring_Web Services_Parsing - Fatal编程技术网

Can';t解析Html表中的json数据

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

能够调用eclipse控制台输出证明的web服务的url。 但无法将其解析为HTML表。出于测试目的,我在get.JSON函数中编写了一个windows.alert。但它不工作,但呼叫服务,如下图所示:- 有人能帮我吗。 谢谢

HTML页面的代码:-

<!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抱歉,我没有得到您。。。。什么格式?