Javascript 如何在ASP.net中更新Html表单而不刷新页面?
我已经试着找到解决办法很长一段时间了,但没有成功,所以我来这里问一下 我有一个ASP.NETWeb应用程序,我从数据库中获取信息,并将这些信息以表单的形式放在html页面上,效果很好。此外,我有一个搜索功能,这很好 但每次我搜索它都会重新加载整个页面。我知道我应该使用JQuery…不知何故…但我真的不知道如何将它应用到我的代码中Javascript 如何在ASP.net中更新Html表单而不刷新页面?,javascript,c#,jquery,html,asp.net-mvc,Javascript,C#,Jquery,Html,Asp.net Mvc,我已经试着找到解决办法很长一段时间了,但没有成功,所以我来这里问一下 我有一个ASP.NETWeb应用程序,我从数据库中获取信息,并将这些信息以表单的形式放在html页面上,效果很好。此外,我有一个搜索功能,这很好 但每次我搜索它都会重新加载整个页面。我知道我应该使用JQuery…不知何故…但我真的不知道如何将它应用到我的代码中 <div class="tab-content"> <div id="log" class="tab active">
<div class="tab-content">
<div id="log" class="tab active">
<h1>Log</h1>
@using (Html.BeginForm())
{
<p>
<b>Message:</b> @Html.TextBox("SearchString")
<input type="button" value="Search" onclick="submit()"/>
</p>
}
@RenderBody()
@Html.Raw(ViewBag.Data)
</div>
</div>
日志
@使用(Html.BeginForm())
{
消息:@Html.TextBox(“搜索字符串”)
}
@RenderBody()
@Html.Raw(ViewBag.Data)
有很多方法可以做到这一点。
简单的方法是使用普通的jquery函数来更改字段中的数据。
请参考下面的示例
$('.submit')。单击(函数(){
if($('form').valid(){
$.ajax({
url:'@url.RouteUrl(新的{action=“GetAnswer”,controller=“Home”}),
数据:{回答:'',问题:$('#问题').val()},
键入:“POST”,
数据类型:“json”,
contentType:“应用程序/json;字符集=utf-8”,
成功:功能(resp){
openAlert(resp);
}});
}
否则{
closeAlert();
}
});代码>你读过关于AJAX的任何文章吗?你可以尝试查看一个,它允许你在ASP.NET中进行部分页面更新。(它使用AJAX,但为您处理很多事情。)是最常用的技术。在客户端,由于您希望使用jQuery,因此可以使用。在服务器端,需要为服务器端函数公开端点。在ASP.NET中,最好使用HTTP处理程序、通用处理程序(.ashx)或。我会避开UpdatePanel,这是一个不好的习惯,知识不能转移到其他框架,而且很难正确实现。@Serlite UpdatePanel,除了所有其他反对它的原因,在MVC中不可用。@mason是的,我承认我并没有立即将OP的代码识别为MVC,因为我以前从未使用过它。我试图用我的代码来回答这个问题,但实际上没有成功。你有没有办法更详细地解释一下所有的部分都在做什么,以及我如何将其与我的代码结合起来?我希望你在dotnetfiddle.net中阅读了我的代码。。你能不能把你的问题复制出来,这样我就可以试着解决这个问题了……对不起,我正忙着处理另一个问题,今天就开始吧!:)