Ajax (Asynchronous) call to Controller in MVC 5 (Razor view) with Jquery

View (Razor)

<fieldset>
<legend>Add Comment</legend>

@Html.Hidden(“hdnHidden”)
@Html.Label(“txtComment”)
@Html.TextArea(“txtComment”, new { rows = 10, columns = 40 })

<p>
<input type=”button” onclick=”SaveComment()” value=”Save” />
</p>
</fieldset>

Javascript (Jquery Ajax Call)

function SaveComment() {
var objData = new Object();
objData.HKID = $(“#hdnHidden”).val();
objData.Comment = $(“#txtComment”).html();
$.ajax({
cache: false,
type: “POST”,
url: “/hisab/UpdateComment/”,
data: objData
}).done(function (data) {
alert(data);
}).error(function (err) {
alert(“err”);
});
}

C# Model

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace HisabKitab.Models
{
public class DailyHisab
{
public int HKID { get; set; }
public string Comment { get; set; }
public bool Status { get; set; }
}
}

C# Controller

[HttpPost]
public void UpdateComment(DailyHisab DH)
{
Response.Write(“Update Succesfully”);
}

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s