如何使用Jaggery删除json元素?

时间:2014-08-14 09:08:46

标签: javascript jquery html json jaggery-js

我是jaggery(http://jaggeryjs.org/)的新手,我正在使用这项技术实现一个示例网站。 我的文件目录中有以下文件

employees.json(注意:忽略数据的验证)

{
    "employees": [
        {
            "id": "1",
            "name": "2",
            "age": "3",
            "town": "4",
            "salary": "5"
        },
        {
            "id": "3",
            "name": "fd jf",
            "age": "dfkd jf",
            "town": " jdks fj",
            "salary": " fjkdf "
        },
        {
            "id": "1",
            "name": "2",
            "age": "3",
            "town": "4",
            "salary": "5"
        }
    ]
}

我使用下面的html表显示了这些数据,并且我包含了删除该行中json元素的函数。

index.jag(注意:这是该代码的一部分)

    <head>
<link rel="stylesheet" type="text/css" href="style.css" />
<%
var json = require("employees.json");
%>
</head>
<body>
 <h1>Employee Details</h1>
 <%
 include ("new_employee.jag");
 %>
 <h2>List all Employees</h2>
 <table "employeesTable" border="2">
  <tr>
   <th>Emplyee ID</th>
   <th>Name</th>
   <th>Age</th>
   <th>Town</th>
   <th>Salary</th>
  </tr>
  <%
  for (var i in json.employees){
%>
  <tr>
   <td><%=json.employees[i].id%></td>
   <td><%=json.employees[i].name%></td>
   <td><%=json.employees[i].age%></td>
   <td><%=json.employees[i].town%></td>
   <td><%=json.employees[i].salary%></td>
       <td><%delete employees[i]%></td>
      </tr>
      <%
     }

     %>

     </table>

因为你可以看到我的删除功能是错误的,因为我可以找到任何资源文件来指导我删除json元素i。

有些人可以帮我用Jaggery删除这个json元素。

4 个答案:

答案 0 :(得分:1)

如果你想做harsha89所提到的,你可以在服务器上对jag脚本进行ajax调用并执行删除并使用回调函数异步更新表(假设表是从服务器端源填充的)你需要在客户端删除表元素JQuery很容易。

答案 1 :(得分:1)

尝试

<%delete json.employees[i]%>

这将解决问题

答案 2 :(得分:1)

如果你想删除第一个元素,那就试试吧。

示例 - :

<%delete json.employees[o]%> //delete the first element element

然后打印数组并查看。

答案 3 :(得分:0)

据我所知,你想要一个链接,你需要删除整行吗?这不是这样做的方法。你需要做的是,使用jQuery与该链接的监听器建立链接。单击删除链接时,您必须使用JQuery从表中删除该行。我认为使用employee id作为行id将是使用JQuery删除该行的理想选择。参考[1]和[2]。

[1] - delete table row using jQuery

[2] - remove table row with specific id