Javascript 在ajax中将Json转换为jquery数据表?
现在json数据已经存储在ajax中的变量“msg”中。我只能在页面中提示(msg)。但是我想把它放到datatable中,或者以任何适当的方式在ajax或js中用列查看数据 以下是json类型:Javascript 在ajax中将Json转换为jquery数据表?,javascript,jquery,ajax,json,Javascript,Jquery,Ajax,Json,现在json数据已经存储在ajax中的变量“msg”中。我只能在页面中提示(msg)。但是我想把它放到datatable中,或者以任何适当的方式在ajax或js中用列查看数据 以下是json类型: { "aaData": [ { "ID": "1", "FESTIVAL": "Antipodes Festival", "SUBURB": "Lonsdale Street, Melbourne", "POSTCODE": "3000", "WEBSITE": "http://www.antipod
{ "aaData": [ { "ID": "1", "FESTIVAL": "Antipodes Festival", "SUBURB": "Lonsdale Street, Melbourne", "POSTCODE": "3000", "WEBSITE": "http://www.antipodesfestival.com.au/", "DESCRIPTION": "The greek precinct in melbourne cbd will transform into a huge, free street festival with the hosting of the antipodes lonsdale street festival which will hold sway from 14 february 2015 to 15 february 2015." }, { "ID": "5", "FESTIVAL": "Boite Singers Festival", "SUBURB": "Victoria", "POSTCODE": "3000", "WEBSITE": "http://boite.com.au/index.php", "DESCRIPTION": "The boite singers festival brings you four days of vocal inspiration and sheer fun on the second weekend of january each year." } ] }
我不清楚您的问题,但我认为您希望将JSON值显示为一个表
$(文档).ready(函数(){
var myjson={“aaData”:[{“ID”:“1”,“节日”:“安提波德节日”,“郊区”:“墨尔本朗斯代尔街”,“邮政编码”:“3000”,“网站”:http://www.antipodesfestival.com.au/“,“说明”:“墨尔本中央商务区的希腊区将转变为一个巨大的免费街道节,主办安彼德斯隆斯代尔街道节,将于2015年2月14日至2015年2月15日举行。”,{“ID”:“5”,“节日”:“博伊特歌手节”,“郊区”:“维多利亚”,“邮政编码”:“3000”,“网站”:”http://boite.com.au/index.php“,”描述“:“每年1月的第二个周末,boite歌手节为您带来四天的声乐灵感和纯粹的乐趣。”}]};
log(myjson);
对于(i=0;i
身份证件
节日
郊区
邮政编码
网站
描述
这是这样做的
//html
<table id="example" class="display" width="100%">
</table>
//jquery
$('#example').DataTable( {
"aaData": data,
"aoColumns": [
{ "mDataProp": "name" },
{ "mDataProp": "position" },
{ "mDataProp": "office" },
{ "mDataProp": "extn" },
{ "mDataProp": "start_date" },
{ "mDataProp": "salary" }
]
} );
//data source
var data= [
{
"name": "Tiger Nixon",
"position": "System Architect",
"salary": "$320,800",
"start_date": "2011/04/25",
"office": "Edinburgh",
"extn": "5421"
},
{
"name": "Garrett Winters",
"position": "Accountant",
"salary": "$170,750",
"start_date": "2011/07/25",
"office": "Tokyo",
"extn": "8422"
}
]
//html
//jquery
$('#示例')。数据表({
“aaData”:数据,
“aoColumns”:[
{“mDataProp”:“name”},
{“mDataProp”:“position”},
{“mDataProp”:“office”},
{“mDataProp”:“extn”},
{“mDataProp”:“开始日期”},
{“mDataProp”:“工资”}
]
} );
//数据源
风险值数据=[
{
“名字”:“老虎尼克松”,
“职位”:“系统架构师”,
“工资”:“$320800”,
“开始日期”:“2011/04/25”,
“办公室”:“爱丁堡”,
“extn”:“5421”
},
{
“姓名”:“Garrett Winters”,
“职位”:“会计”,
“工资”:“$170750”,
“开始日期”:“2011/07/25”,
“办公室”:“东京”,
“extn”:“8422”
}
]
你应该参考这个问题。和小提琴这段代码对我有用试试这个
函数AgGetDataCtrl(){
调试器
var AgServiceData=EmployeeService.AgGetDataSvc();
AgServiceData.then(函数(响应){
//$scope.totalDisplayed=20;
$scope.Datas=response.data;
var d=响应数据;
调试器
$(文档).ready(函数(){
var数据=[];
//var数据=[];//数据;
对于(变量i=0;i }
它给出一个错误:0x800a138f-JavaScript运行时错误:无法获取未定义或空引用的属性“length”。在myjson.aaData.length中发生。顺便说一句,我已经在页面中添加了引用,我不知道为什么。我尝试了你的代码,它很有效。唯一的问题是我的数据存储在一个变量“msg”中,每当我从SQLServer获得数据时,它都会改变(但格式是相同的)。我无法var myjson={…};我使用了msg.aaData.length,它将给出上面的错误。您能告诉我如何修复它吗?对不起,我的json数据是从sql server获得的,我使用变量“msg”来获取内容,它可能会更改。但是谢谢你的回答。这个代码和OP的问题有什么关系?我在这里看不到aaData