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发布表单。因此页面不会刷新

下载文件

jquery.ajax.form.js
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;
        }
    });

发布到数据库需要刷新显示 - webmatrix / razor

1 个答案: