张贴到数据库需要刷新显示- webmatrix/razor

Question

大家早上好，

我已经创建了一个页面来显示输入字段中数据库的内容，并设置了它，以便这些可以被修改并发布回数据库。我所做的工作很好，因为它确实把东西保存回数据库，但我需要刷新页面才能看到这些变化。我想我可以使用jquery来做到这一点，也许，但我需要在正确的方向指出。我目前已经尝试将当前页面作为操作href.

下面是我的当前代码:

@{
Layout = "~/_template1.cshtml";
var db = Database.Open("mydatabase");
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, TelNumber = @2 WHERE UserID='8'";
db.Execute(updateuserdetails, Request["FirstName"], Request["LastName"], Request["TelNumber"]);
  }
  }
  <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">
  <br>
  <label>Telephone Number</label>
<input class="input-xlarge" type="text" name="TelNumber" placeholder=".input-xlarge" value="@quserdetails.TelNumber">
  <br>
  <button type="submit" class="btn btn-success">Update</button>
  <button type="submit" class="btn btn-success">Cancel</button>
  </fieldset>
  </form>

Answer 1

使用Ajax提交，它将使用Ajax发布表单。所以页面不会刷新

下载文件

1. jquery.ajax.form.js
2. jquery.validate.js

以及jquery.js

$('#form1').validate({
        submitHandler: function(form) {
            var options = {
                url:$('#form1').attr('action'),
                success:function(response){
                    data = $.parseJSON(response);
                }
            };
            $("form#form1").ajaxSubmit(options);
            return false;
        }
    });