Asp.net mvc 4 如何在MVC4中单击按钮时显示局部视图?
我正在用MVC开发我的应用程序。我使用的是单个文本和按钮。点击一个按钮,我需要发送电子邮件并显示部分视图 控制器代码Asp.net mvc 4 如何在MVC4中单击按钮时显示局部视图?,asp.net-mvc-4,partial-views,Asp.net Mvc 4,Partial Views,我正在用MVC开发我的应用程序。我使用的是单个文本和按钮。点击一个按钮,我需要发送电子邮件并显示部分视图 控制器代码 public ActionResult BusinessUserRegister() { return View(); } [HttpPost] public ActionResult BusinessUserRegister(string Emailid) {
public ActionResult BusinessUserRegister()
{
return View();
}
[HttpPost]
public ActionResult BusinessUserRegister(string Emailid)
{
string userId = System.Configuration.ConfigurationManager.AppSettings["UserTypeId"];
int typeid = Convert.ToInt32(userId);
EmailManager.SendConfirmationEmail(Emailid);
tbl_BusinessUser user = new tbl_BusinessUser();
user.RandomNumber = (int)Session["rd"];
user.EmailId = Emailid;
db.tbl_BusinessUser.Add(user);
db.SaveChanges();
//return View();
return PartialView("BusinessUserVerifyPartial");
}
看法
@model-SYTMain.Models.tbl\u BusinessUser
@{
ViewBag.Title=“BusinessUserRegister”;
}
商业用户登记簿
@使用(Html.BeginForm())
{
@*@Html.TextBox(“EmailId”,new{@placeholder=“输入电子邮件”,id=“txtemail”})
*@
}
@节脚本{
$(“#Emailbtn”)。单击(函数(){
调试器;
var url='@url.Action(“BusinessUserRegister”,“BU”);
$.post(url,{Emailid:$('#Email').val()},函数(数据){
//警报(数据);
$(“#Emailverify”).html(数据);
});
})
}
局部视图
<div id="EmailVerify">
<div class="sign3" style="height:267px;width:562px;margin-left:214px" id="verfieddiv">
@Html.TextBox("verify", "", new { @placeholder = "Enter the Random Number", id = "txtverified" })<br /><br />
<input type="submit" name="Verify" value="Verify" id="vbtn" />
</div>
</div>
@TextBox(“验证”,new{@placeholder=“输入随机数”,id=“txtverified”})
我的问题是单击按钮时未显示局部视图
单击按钮后,电子邮件将发送给相应的用户,并且显示相同的页面,部分视图不会加载。开始时,请删除“Emailverify”之前的空白
若您使用JQuery代码从服务器发送和接收数据,那个么为什么要使用Html.BeginForm()?可能您想使用type=“submit”而不是name=“submit”。单击确认按钮将表单发送到BusinessUserRegister操作,结果刷新所有页面,从头开始。我的建议是删除Html.BeginForm()和空白。您已经使用
$(“#Emailverify”).hide()隐藏了它代码>这一行代码没有意义,因为最初没有显示任何内容-只需删除它。我删除了它,但没有显示我的局部视图。如果浏览器控制台中出现任何错误,该怎么办。而且很难理解你认为你试图用这段代码做什么。如果它能工作,您添加的只是一个文本框和一个提交按钮,当您单击提交按钮时,您将调用完全相同的方法,但您没有使用验证文本框的值。
<div id="EmailVerify">
<div class="sign3" style="height:267px;width:562px;margin-left:214px" id="verfieddiv">
@Html.TextBox("verify", "", new { @placeholder = "Enter the Random Number", id = "txtverified" })<br /><br />
<input type="submit" name="Verify" value="Verify" id="vbtn" />
</div>
</div>
<div id=" Emailverify" >