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 に答える