Javascript 从其他源中提取html表_Javascript_Html_Asp.net_Json

Javascript 从其他源中提取html表

javascript html asp.net json

Javascript 从其他源中提取html表,javascript,html,asp.net,json,Javascript,Html,Asp.net,Json,我正在一个网页上工作，该网页正在从JSON文件加载产品。页面加载了我的重要信息，有一个按钮叫做“更多信息”。当我点击这个按钮时，我想加载一个对特定产品很重要的大表。我无法将该表放入json文件中，因为它太大了。是否有任何选项，我把表格内容放在单独的文件中，然后像图片一样拉出来 json文件 { "id": "1", "naziv": "Obujmice s pužnim vijkom W1"

我正在一个网页上工作，该网页正在从JSON文件加载产品。页面加载了我的重要信息，有一个按钮叫做“更多信息”。当我点击这个按钮时，我想加载一个对特定产品很重要的大表。我无法将该表放入json文件中，因为它太大了。是否有任何选项，我把表格内容放在单独的文件中，然后像图片一样拉出来

json文件

  {
    "id": "1",
    "naziv": "Obujmice s pužnim vijkom W1",
    "img": "images/normaclamp-torro.jpg",
    "materijal": "Cinčano",
    "din": "DIN 3017",
    "opis": "Šesterokutni vijak s prorezom za izvijač, veličina 7 C7"
  },
  {
    "id": "2",
    "naziv": "Obujmice s pužnim vijkom W2",
    "img": "images/normaclamp-torro.jpg",
    "materijal": "Inox čelik 1.4510",
    "din": "DIN 3017",
    "opis": "Šesterokutni vijak s prorezom za izvijač, veličina 6 C6"
  }

我想放一张桌子

<table width="280" style="margin-left:5px;" rules="rows">
        <tr>
            <td style="height:40px; width:110px; font-size:14px;">Opis</td>
            <td style="height:40px; width:50px; font-size:14px;"><div align="center">Širina<br />(mm)</div></td>
            <td style="height:40px; width:100px; font-size:12px;">
                <div align="center">
                    Područje zatezanja<br />
                    (mm)
                </div>
            </td>
        </tr>
        <tr>
            <td>TORRO 8-12/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">8-12</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 10-16/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">10-16</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 12-18/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">12-18</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 12-22/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">12-22</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 16-27/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">16-27</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 20-32/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">20-32</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 25-40/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">25-40</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 30-45/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">30-45</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 35-50/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">35-50</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 40-60/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">40-60</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 50-70/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">50-70</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 60-80/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">60-80</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 70-90/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">70-90</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 80-100/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">80-100</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 90-110/9</td>
            <td><div align="center">9</div></td>
            <td> <div align="center">90-110</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 16-27/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">16-27</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 20-32/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">20-32</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 25-40/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">25-40</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 30-45/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">30-45</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 35-50/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">35-50</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 40-60/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">40-60</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 50-70/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">50-70</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 60-80/12</td>
            <td><div align="center">12</div></td>
            <td><div align="center">60-80</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 70-90/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">70-90</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 80-100/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">80-100</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 90-110/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">90-110</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 100-120/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">100-120</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 110-130/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">110-130</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 120-140/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">120-140</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 130-150/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">130-150</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 140-160/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">140-160</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 150-170/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">150-170</div></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>TORRO 160-180/12</td>
            <td><div align="center">12</div></td>
            <td> <div align="center">160-180</div></td>
            <td>&nbsp;</td>
        </tr>
    </table>


奥皮斯
Širina
（毫米）
Područje zatezanja

（毫米）
托罗8-12/9
9
8-12
托罗10-16/9
9
10-16
托罗12-18/9
9
12-18
托罗12-22/9
9
12-22
托罗16-27/9
9
16-27
托罗20-32/9
9
20-32
托罗25-40/9
9
25-40
托罗30-45/9
9
30-45
托罗35-50/9
9
35-50
托罗40-60/9
9
40-60
托罗50-70/9
9
50-70
托罗60-80/9
9
60-80
托罗70-90/9
9
70-90
托罗80-100/9
9
80-100
托罗90-110/9
9
90-110
托罗16-27/12
12
16-27
托罗20-32/12
12
20-32
托罗25-40/12
12
25-40
托罗30-45/12
12
30-45
托罗35-50/12
12
35-50
托罗40-60/12
12
40-60
托罗50-70/12
12
50-70
托罗60-80/12
12
60-80
托罗70-90/12
12
70-90
托罗80-100/12
12
80-100
托罗90-110/12
12
90-110
托罗100-120/12
12
100-120
托罗110-130/12
12
110-130
托罗120-140/12
12
120-140
托罗130-150/12
12
130-150
托罗140-160/12
12
140-160
托罗150-170/12
12
150-170
托罗160-180/12
12
160-180

这是我想要的位置代码

@if (selectedTorro != null)
{
    <div class="modal fade" id="productModal" tabindex="-1" role="dialog" aria-labelledby="productTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="productTitle">@selectedTorro.naziv</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="card">
                        <div class="card-img" style="background-image: url('@selectedTorro.img');">
                        </div>
                        <div class="card-body">                          
 **i want that table here**
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@if（selectedtoro！=null）
{
@选择托罗·纳齐夫
&时代；
**我想要那张桌子**

了解如何使用ajax了解如何使用ajax