您的位置：首页 > 编程语言 > ASP

ASP.NET MVC AJAX实现 以及如何处理json数据，简介

2010-06-19 18:16 881 查看
在ASP.NET MVC里面,对于MVC下面Ajax的处理比较陌生的朋友,可以看下我这篇比较简单的介绍,写的不好的地方请大家指点.

本DEMO使用 ASP.NET MVC框架, jquery1.4.1,LinqToSql调用数据库,系统实现的只是简单的数据显示,先上图示

代码

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Index</title>
<script type="text/javascript" src="/Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="/Scripts/ware_subject.js"></script>

<style type="text/css">
.table-list { background-color:Black; }
.table-list thead,tbody,tfoot{ background-color:#ffffff; }

</style>

</head>
<body>
<h1>ASP.NET MVC AJAX数据传输</h1>

<div style="margin:0px auto; width:88%; padding:10px; border:1px solid #ccc;">

<table border="0" cellpadding="0" cellspacing="1" width="100%">

<tr>
<td>商品名称</td>
<td>
<input type="text" id="g_name" />
</td>

<td>商品规格</td>
<td>
<input type="text" id="g_model" />
</td>
</tr>

<tr>
<td>单位</td>
<td>
<input type="text" id="g_unit" />
</td>

<td>修改标志</td>
<td>
<input type="text" id="modify" />
<input type="hidden" id="modify_v" />
<input type="hidden" id="id" />
</td>
</tr>

</table>

<table id="data_table" style="background-color:Black; margin:10px auto;" class="table-list" border="0" cellpadding="0" cellspacing="1" width="100%">

<thead>
<tr>
<th style="width:100px;">
<input type="checkbox" />
</th>

<th style="width:100px;">
商品名称
</th>

<th style="width:100px;">
商品规格
</th>

<th style="width:100px;">
单位
</th>

<th style="width:100px;">
修改标志
</th>
</tr>
</thead>

<tbody>

</tbody>

<tfoot>
<tr>
<td colspan="5">

<span>
<!-- pager控件可以由你自己来开发一个 -->

</span>
</td>
</tr>
</tfoot>
</table>

</div>
</body>
</html>

这里需要注意的是，显示数据的表格 id="data_table", JS 实现依赖次ID来做数据处理。

好了简单介绍这些，本人口才有限，附上Demo，脚本直接附在项目的Sql文件夹里面。

下载demo
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航