asp.net-mvc-ajax

I am developing an application in MVC3 I need to show a partail view on click of a dropdown For that i wrote an ajax, $("#UserName").change(function () { var userid = $("#UserName").val(); var ProvincialStateID = $("#State").val(); var Hobbyid = $("#Hobby").val(); var Districtid = $("#DistrictNames").val(); var Homeid = $("#Hobbyhome_EstablishmentId").val(); var urlperson = '@Url.Action("FetchPersonByUserName")'; $.ajax({ type: "POST", url: urlperson, data: { userid: userid, stateid: ProvincialStateID, hobbyid: Hobbyid, districtid: Districtid, homeid: Homeid }, success: function (data) { } });

I have several dropdownlists in a form. Each time the user selects a value in one of these dropdownlist do I want the value to be saved to the backend (database). I don't want to page to reload so I guess the best way to achive this is with ajax, and this is what I need help with. How would I go about to get it to automaticly post the value to the server side when I select a value in a dropdownlist. Should I make 1 form for each of the drop down lists so I can update them individually? How do I get it to post the value as a ajax call, and not with a page reload? I'm using JQuery and JQuery

I need to call a partial view through ajax. I have tried the following, but I am not sure how to complete it. $("#UserName").change(function () { var userid = $("#UserName").val(); var ProvincialStateID = $("#State").val(); var Hobbyid = $("#Hobby").val(); var Districtid = $("#DistrictNames").val(); var Homeid = $("#Hobbyhome_EstablishmentId").val(); var urlperson = '@Url.Action("FetchPersonByUserName")'; $.ajax({ type: "POST", url: urlperson, data: { userid: userid, stateid: ProvincialStateID, hobbyid: Hobbyid, districtid: Districtid, homeid: Homeid }, success: function (data) { //Dont know

Is there any way to refresh some part of page (e.g div/span) on selection of dropdownlist option ... ?? Please note I'm using razor syntax. If yes, then please give some sample code. Yes, you can subscribe to the onchange event. @Html.DropDownListFor(m => m.ItemId, Model.ItemList, "Select an item...", new { onchange = "somefunction();" }) Maybe like this (real example): @using (Ajax.BeginForm("Action", new AjaxOptions { HttpMethod = "Post", UpdateTargetId = "divtoupdate", InsertionMode = InsertionMode.Replace })) { @Html.DropDownListFor(m => m.ItemId, Model.ItemList, "Select an item...", new {

While doing a sample using MVC3 razor, I wrote: <p> Show me the time in: @Ajax.ActionLink("UTC", "GetTime", new { zone = "utc" }, new AjaxOptions { UpdateTargetId = "myResults" }) @Ajax.ActionLink("BST", "GetTime", new { zone = "bst" }, new AjaxOptions { UpdateTargetId = "myResults" }) @Ajax.ActionLink("MDT", "GetTime", new { zone = "mdt" }, new AjaxOptions { UpdateTargetId = "myResults" }) </p> <div id="myResults" style="border: 2px dotted red; padding: .5em;"> Results will appear here </div> <p> This page was generated at @DateTime.UtcNow.ToString("h:MM:ss tt") (UTC) </p> None of my ajax