表单与JQuery

表单：

Html标签注意：

1.提交action

2.提交按钮:类型一定为type="submit" ,不然无反应

3.

Jquery: 个人认为属于JS

1.一般不用表单提交

2.直接onClick提交给JS中的Jquery，在由Jquery提交给后台并接收Json返回值

=====================================================================================================

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/ViewMasterPageAdmin.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<%@ Import Namespace="CMSLYF.Models.Entity" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">

Index

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<div id="LYF_all">

<img src="../../Content/Image/lyf_siteMapPath.gif" />

<asp:SiteMapPath ID="SiteMapPath1" runat="server"></asp:SiteMapPath>

<fieldset id="content_fieldset" style="border:1px solid yellow">

<h2>SiteSetting_Index</h2>

<table>

<tr style="background-color:#ff6a00;">

<th>Name</th>

<th>Value</th>

<th>操作</th>

</tr>

<%foreach(SiteSettingsEntity sse in Model){ %>

<tr>

<th><%=sse.Name %></th>

<th><%=sse.Value %></th>

<th><a href="javascript:FunShowSiteSetting(<%=sse.SiteSettingId %>)">修改</a>|</th>

</tr>

<tr style="background-color:yellow">

<th></th>

<th></th>

<th></th>

</tr>

<%} %>

</table>

<form action="/SiteSetting/Index" method="post">

网站设置信息：<br />

名称：<input type="text" id="Name" name="Name" /><br />

值  ：<input type="text" id="Value" name="Value" /><br />

<input type="submit" id="ButtonSave" name="" value="保存修改" hidden="hidden" />

<input type="button" id="ButtonAddSet" name="" value="添加" />

</form>

</fieldset>

</div>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderStyle" runat="server">

<script src="../../Scripts/jquery-1.8.2.js"></script>

<script type="text/javascript">

function FunShowSiteSetting(id) {

$.post("/SiteSetting/SelectSiteSettingById/" + id, function (data) {

$("#Name").val(data.Name);

$("#Value").val(data.Value);

$("#ButtonAddSet").hide();

$("#ButtonSave").show();

});

}

</script>

</asp:Content>