webmatrix中的jQuery / Ajax简单表单

时间:2013-03-24 17:45:05

标签: ajax jquery razor webmatrix

有人可以告诉我我需要的代码,以便此表单更新数据库而无需刷新吗?

@{
Layout = "~/_template1.cshtml";

var db = Database.Open("stayinflorida");
var CurrentUser = WebSecurity.CurrentUserId;
var userdetails = ("SELECT * from UserProfile WHERE UserId='8'");
var quserdetails = db.QuerySingle(userdetails, CurrentUser);

if (IsPost){
var updateuserdetails = "UPDATE UserProfile SET FirstName = @0, LastName = @1 WHERE UserID='8'";
db.Execute(updateuserdetails, Request["FirstName"], Request["LastName"]);
}
}

<h1>My Details</h1>
<hr>
<form method="post" action="~/Account/MyDetails.cshtml">
<fieldset>
<label>First Name</label>
<input class="input-xlarge" type="text" name="FirstName" placeholder=".input-xlarge" value="@quserdetails.FirstName">
<br>
<label>Last Name</label>
<input class="input-xlarge" type="text" name="LastName" placeholder=".input-xlarge" value="@quserdetails.LastName">
<button type="submit" class="btn btn-success">Update</button>
<button type="submit" class="btn btn-success">Cancel</button>
</fieldset>
</form>

我写的是什么作品,但我必须按F5才能更新,而这不是我想要的。我想使用jQuery / ajax,但我只是不知道代码。

1 个答案:

答案 0 :(得分:0)

如果你想使用AJAX,你需要一些JavaScript。 jQuery库简化了这一点。这是我写的一篇文章,其中介绍了使用WebMatrix进行AJAX更新:http://www.mikesdotnetting.com/Article/176/WebMatrix-and-jQuery-Forms-Part-2-Editing-Data