TypeError: json2html is not a function
Question
Trying to use json2html to emit a table. Getting the error TypeError: json2html is not a function
Page header has:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Index</title>
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="/lib/jqueryui/jquery-ui.css" />
<link rel="stylesheet" href="/lib/font-awesome/css/fontawesome.css" />
<script src="/lib/jquery/dist/jquery.js"></script>
<script src="/lib/jqueryui/jquery-ui.js"></script>
<script src="/lib/font-awesome/js/fontawesome.js"></script>
<script src="/lib/canvasjs/canvasjs.js"></script>
<script src="/lib/json2html/json2html.js"></script>
<script src="/lib/jquery.json2html/jquery.json2html.js"></script>
<link rel="stylesheet" href="/css/site.css" />
</head>
Path to files /lib/json2html/json2html.js and /lib/jquery.json2html/jquery.json2html.js confirmed using ctrl-shift-i
The method I'm hoping to execute initially is:
$("#tableContainer").html(json2html(data, transform));
TypeError: json2html is not a function
at Object.layer2CallbackHandler [as callback] (https://localhost:44388/JsonChartJs:306:35)
at Object.success (https://localhost:44388/JsonChartJs:220:41)
at fire (c:\users\lukem\source\ctrack.dashboard\ctrack.dashboard\wwwroot\lib\jquery\dist\jquery.js:3268:32)
at Object.fireWith [as resolveWith] (c:\users\lukem\source\ctrack.dashboard\ctrack.dashboard\wwwroot\lib\jquery\dist\jquery.js:3398:8)
at done (c:\users\lukem\source\ctrack.dashboard\ctrack.dashboard\wwwroot\lib\jquery\dist\jquery.js:9305:15)
at XMLHttpRequest.<anonymous> (c:\users\lukem\source\ctrack.dashboard\ctrack.dashboard\wwwroot\lib\jquery\dist\jquery.js:9548:10)
I've also tried this based on the jquery example at the json2html page
$("#tableContainer").json2html(data, transform);
TypeError: $(...).json2html is not a function
at Object.layer2CallbackHandler [as callback] (https://localhost:44388/JsonChartJs:306:30)
at Object.success (https://localhost:44388/JsonChartJs:220:41)
at fire (c:\users\lukem\source\ctrack.dashboard\ctrack.dashboard\wwwroot\lib\jquery\dist\jquery.js:3268:32)
at Object.fireWith [as resolveWith] (c:\users\lukem\source\ctrack.dashboard\ctrack.dashboard\wwwroot\lib\jquery\dist\jquery.js:3398:8)
at done (c:\users\lukem\source\ctrack.dashboard\ctrack.dashboard\wwwroot\lib\jquery\dist\jquery.js:9305:15)
at XMLHttpRequest.<anonymous> (c:\users\lukem\source\ctrack.dashboard\ctrack.dashboard\wwwroot\lib\jquery\dist\jquery.js:9548:10)
It seems clear I'm loading these the wrong way. What is the right way?
1 answers
solution1
0 2019-10-17 21:04:31
If you want to use the jquery plugin for json2html you're going to need to include it as well in your header
<script src="/lib/json2html/json2html.js"></script>
<script src="/lib/json2html/jquery.json2html.js"></script>
Which should enable you to use the following
$("#tableContainer").json2html(data, transform);
Otherwise you can use the native call for json2html like so
$("#tableContainer").html(json2html.transform(data, transform));
as json2html is an object NOT a function
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.