jquery ajax post passing empty value to controller

Schleid Alex

I have this jquery script inside $(document).ready to post data to my database

$('#btnSaveStatus').on('click', function ()
{
//$('#btnSumitChanges').click()
var stid = $('#StoreID').val()
var oStid = $('#oldStatus').val()
var ddlID = $('#ddlStatusDef').val()
var strUrl = $('#txtUrl').val()debugger;
if (oStid != ddlID)
{
$.ajax({
url: strUrl,
type: 'POST',
contentType: 'apllication/html; charset=utf-8',
data:{'sToreid': stid,'StatusDefid': ddlID},
dataType: 'html',
success:function (result)
{
$('#DivStatus').modal('hide');
}
}
)
}

here is my action

public ActionResult ChangeStoreStatus(string sToreid, string StatusDefid)
{
}

the sToreid and StatusDefid are null in the action method even though inthe script the value are sent correctly. They're not received Can someone help me find out what is wrong here?

Regards

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
    $('#btnSaveStatus').on('click', function ()
    {
  var Model={
   stid :$('#StoreID').val()
   oStid : $('#oldStatus').val()
     ddlID : $('#ddlStatusDef').val()
     strUrl : $('#txtUrl').val()

}


debugger;
    if (oStid != ddlID)
    {
    $.ajax({
    url: strUrl,
    type: 'POST',

    data:Json.Stringify(Model),
    dataType: 'Json',
    success:function (result)
    {
    $('#DivStatus').modal('hide');
    }
    }
    )
    }
public class myViewModel
{
public int StoreID {get;set}
public string OldStaus {get;set;}
-------
------  so on

}

public ActionResult ActionName(myViewModel Model)
{
  int storeId= Model.Id;
------- so on
}