任何人都可以教我如何在我单击出现在 jquery 弹出对话框中的按钮后触发背后的 asp 代码吗?我希望我的数据发送到服务器端
这是我的表格:
<div id="dialog" hidden>
fullname:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></br>
password:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></br>
email:<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></br>
<asp:Button ID="Submit" runat="server" Text="Button" onclick="Button1_Click" hidden/>
</div>
我的 jquery 对话框将弹出我的表单:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" language="javascript" >
jQuery(document).ready(function () {
$('#<%=open.ClientID%>').click(function () {
$('#dialog').dialog({ modal: true,
height: 500,
width: 600,
resizable: false,
show: 'fold',
hide: 'fold',
}
});
return false;
});
});
这是我的asp代码。我正在使用 linq 在 gridview 中显示数据:
protected void Page_Load(object sender, EventArgs e)
{
showData();
}
protected void showData()
{
using(AutoBetDataContext db = new AutoBetDataContext())
{
var query = from u in db.UserDetails
select u;
GridView.DataSource= query;
GridView.DataBind();
}
}
protected void Button1_Click(object sender, EventArgs e)
{
using (AutoBetDataContext db = new AutoBetDataContext())
{
UserDetail user = new UserDetail();
user.Fullname = TextBox1.Text;
user.Password = TextBox2.Text;
user.EmailAddress = TextBox3.Text;
db.UserDetails.InsertOnSubmit(user);
db.SubmitChanges();
showData();
}
}
}