1

大家早，

我创建了一个页面来在输入字段中显示我的数据库的内容，并进行了设置，以便可以修改这些内容并将其发布回数据库。我所做的工作非常好，因为它确实将内容保存回数据库，但我需要刷新页面才能看到这些更改。我想我可以使用 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>
4

1 回答 1

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;
        }
    });
于 2013-03-16T12:00:59.173 回答