jquery/Ajax簡單表單 - webmatrix

有人可以告訴我我需要的代碼，以便這種形式更新數據庫而不需要刷新嗎？jquery/Ajax簡單表單 - 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，但我只是不知道代碼。我會非常感謝一些幫助。謝謝

來源

2013-03-24 Gavin5511

我忘了添加，我設置操作回發到同一頁面。 – Gavin5511 2013-03-24 17:45:38

我在WebMatrix中也遇到了一個AJAX問題，但是如果你仍然在監視這篇文章，我會盡我所能幫助你。不，您不需要jQuery庫之外的任何其他庫，因爲這是我知道如何去做的唯一方法。 – VoidKing 2013-03-28 20:11:28

如果你想使用AJAX，你需要一些JavaScript。 jQuery庫簡化了這一點。這裏有一篇文章，我寫道，使用WebMatrix功能的AJAX更新：http://www.mikesdotnetting.com/Article/176/WebMatrix-and-jQuery-Forms-Part-2-Editing-Data

來源

2013-03-24 17:50:11

所以jquery庫是我需要加載才能做到這一點的唯一事情？我想可能還有一個額外的ajax庫我也需要加載？ – Gavin5511 2013-03-24 18:18:44

jQuery擁有您需要的所有AJAX支持：http://api.jquery.com/category/ajax/ – 2013-03-24 19:45:23

jquery/Ajax簡單表單 - webmatrix

回答

相關問題