你的位置:首页 > 软件开发 > Java > Mvc音乐商店demo的ajax异步删除功能总结

Mvc音乐商店demo的ajax异步删除功能总结

发布时间:2015-07-25 12:00:07
刚刚从学校出来参加工作,没啥工作经验,所以各位大神们不要嘲笑哈! 来公司后要进行培训,给我们的作业中有一个使用 dapper+mvc+ajax+SQL Server 2008,来实现一个音乐商店的demo。其他功能都很快实现了,但是那个异步的删除搞了好久,当然了 ...

    刚刚从学校出来参加工作,没啥工作经验,所以各位大神们不要嘲笑哈!

    来公司后要进行培训,给我们的作业中有一个使用 dapper+mvc+ajax+SQL Server 2008,来实现一个音乐商店的demo。

其他功能都很快实现了,但是那个异步的删除搞了好久,当然了,主要还是因为我不懂JavaScript,不懂jQuery,更不懂ajax。但最后还是勉强实现了。

首先在前台页面加一个属性,用来标记要删除的行的 id:data-id="@item.AlbumId",然后在每行中标记行号: <tr id="Row-@item.AlbumId">

 1 @foreach (var item in Model) { 2   <tr id="Row-@item.AlbumId"> 3  4     <td> 5       @Html.DisplayFor(modelItem => item.Title) 6     </td> 7     <td> 8       @Html.DisplayFor(modelItem => item.Price) 9     </td>10     <td>11       @Html.DisplayFor(modelItem => item.AlbumArtUrl)12     </td>13     <td>14       @Html.ActionLink("Edit", "Edit", new { id=item.AlbumId }) |15       @Html.ActionLink("Details", "Details", new { id=item.AlbumId }) |16       @Html.ActionLink("Delete", "Delete", new { id=item.AlbumId }) |17      <a href="#" class="ajaxdeletelink" data-id="@item.AlbumId" data-name="@item.Title">ajax删除</a>18     </td>19   </tr>20 }

原标题:Mvc音乐商店demo的ajax异步删除功能总结

关键词:ajax

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。