forum

Home / DeveloperSection / Forums / Post data from view to controller using ajax

Ask Question

Post data from view to controller using ajax

Ailsa Singh197822-Jun-2017

I want to post data from view to controller using ajax.

I am novice in Ajax. Please help me.

This is my View code. 

  @using (Html.BeginForm("SignIn","Home",FormMethod.Post))
        {
           <fieldset>
    <legend>Login:</legend>
    User Name: @Html.TextBoxFor(x=>x.UserName)<br>
    Password: @Html.PasswordFor(x=>x.Password)<br>
 <inputtype="submit"value="Login"/>@ViewBag.error  
                    }
                </div>

ajaxasp.net ajax mvc 
Updated on 22-Jun-2017
Ailsa Singh

Ailsa Singh

Follow

Can you answer this question?

Answer

1 Answers

Sushant Mishra

Sushant Mishra

22-Jun-2017

You have to use following js library for ajax 

<scriptsrc="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<scriptsrc="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<scriptsrc="~/Scripts/jquery.validate.min.js"></script>
<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.2/jquery.validate.unobtrusive.js"></script>
 
@using(Ajax.BeginForm("index","Home", newAjaxOptions
{
    HttpMethod = "POST",//method post
    UpdateTargetId = "target",//
    OnSuccess = "updateSuccess"//
}))
{
  
    <center><h2>Registration Form</h2></center>
    @Html.ValidationSummary(true)  
    <hr/>
    <div>
        <center><tableborder="0"  width="70%"cellspadding="0"cellspacing="0">
        <tr>
             <td><labelid="label1">User Name</label>
                @Html.HiddenFor(x => x.Id, new { @Value = 0 })
            </td>
              <td>@Html.TextBoxFor(x =>x.UserName)
                  @Html.ValidationMessageFor(m=> m.UserName)
              </td>
            <td><labelid="label2">Father Name</label></td>
              <td>@Html.TextBoxFor(x =>x.FName)
                  @Html.ValidationMessageFor(m=> m.FName)
              </td>
        </tr>
       <tr>
            <td><labelid="label3">Email</label></td>
              <td>@Html.TextBoxFor(x =>x.Email)
                  @Html.ValidationMessageFor(m=> m.Email)
              </td>
            <td><labelid="label4">Mobile</label></td>
              <td>@Html.TextBoxFor(x =>x.Mobile)
                  @Html.ValidationMessageFor(m=> m.Mobile)
              </td>
        </tr>
       <tr>
         <tdcolspan="2"><br/><center>
               <input type="submit"value="Submit"/></center>
           </td>
       </tr>
    </table></center>
    </div>
            
}
 
<divid="target">
    @Html.Partial("UserList");
</div>
<script>
    function updateSuccess(data) {
        $('form')[0].reset();
    }
</script>

hope this helps you..



Liked By