Mahesh Gawhane Mahesh Gawhane - 5 months ago 9
Javascript Question

Ajax call not working what is wrong in this code?

This is my view

<td>
@if (item.Flag == false)
{
<a href="javascript:void(0)" id="@item.CustId" class="flag" onclick="flagCustomer('flase',this.id)">
<img src="~/Images/appimg/star.png" alt="" /></a>
}
else
{
<a href="javascript:void(0)" class="flag" id="@item.CustId" onclick="flagCustomer('true',this.id)">
<img src="~/Images/appimg/MapMarker_Flag.png" /></a>
}
</td>


This is My Ajax call

function flagCustomer(flag, id) {
debugger;
var flag = flag;
var id = id;
debugger;
$.ajax({
type: "POST",
url: "@Url.Action("Importantmark", "Customer")",
data: { _flag: flag, _id: id },
success: function (data) {
if (data === "1") {
notif({ msg: "<b>Important Customer.", type: "success" });
} else {
notif({ msg: "<b>error customer while important.", type: "error" });
}
},
Error: function (data) {
notif({ msg: "<b>error customer while important.", type: "error" });
}
});
debugger;
}


This is my Controller

[HttpPost]
public int Importantmark(string _flag, int _id)
{
Customer _customer = new Customer();
_customer.Flag = Convert.ToString(_flag);
_customer.CustId = Convert.ToInt32(_id);
var result = customerBal.ImportantMark(_customer);
return result;
}


This is my code When I submit click on this image my java script function is call but when I debug code that time it's shown me id and flag property.
success debugger came to success property its went outside. what is wrong in this code kindly explain me

Answer

Pass contenttype and datatype it should work

function flagCustomer(flag, id) {
        debugger;
        $.ajax({
            method: "POST",
            url: '@Url.Action("Importantmark", "Customer")',
            data: "{ '_flag': '" + flag+ "','_id': '" + id+ "' }",
            contentType: "application/json; charset=utf-8",
            async: true,
            dataType: "json",
            success: function (data) {
                if (data === "1") {
                    notif({ msg: "<b>Important Customer.", type: "success" });
                } else {
                    notif({ msg: "<b>error customer while important.", type: "error" });
                }
            },
            error: function (data) {
                notif({ msg: "<b>error customer while important.", type: "error" });
            }
        });
        debugger;
    }
Comments