"Value cannot be null.\r\nParameter name: input" - asp.net-mvc

Question

I made an ajax call. From ajax the values are passing exactly correct but I am getting that error. I try to find the reason, but failed to locate that.
I try to debug the code but it's showing nothing meaningful.
var obj = {
Mode: mode,
TissueRequestFeeID: mode == 1 ? 0 : data.TissueRequestFeeID,
TissueRequestID: viewBagRequestId,
FeeTypeID: data.FeeTypeID,
OtherFee: data.OtherFee,
Fee: data.Fee,
};
}
var TissueRequestFeeobj = {
TissueRequestFeeData: JSON.stringify(obj)
}
console.log(TissueRequestFeeobj);
var url = rootPath + "api/RequestApi/SaveAndUpdateRequest";
$.ajax({
url: url,
type: 'POST',
data: TissueRequestFeeobj,
success: function (TissueRequestFeeID) {
console.log(TissueRequestFeeID);
}
});
API code:
[System.Web.Http.HttpGet]
[System.Web.Http.ActionName("UpdateTissueRequestFee")]
public HttpResponseMessage UpdateTissueRequestFee(HttpRequestMessage request,int Mode, int TissueRequestFeeID, int TissueRequestID,
int FeeTypeID,string Fee,string OtherFee)
{
try
{
EISDataAccess objDAL = new EISDataAccess();
int i = 0;
SqlParameter[] p = new SqlParameter[7];
p[i] = new SqlParameter("#Mode", SqlDbType.Int);
p[i].Value = Mode;
i++;
p[i] = new SqlParameter("#TissueRequestFeeID", SqlDbType.Int);
p[i].Value = TissueRequestFeeID;
i++;
p[i] = new SqlParameter("#TissueRequestID", SqlDbType.Int);
p[i].Value = TissueRequestID;
i++;
p[i] = new SqlParameter("#OtherFee", SqlDbType.VarChar);
p[i].Value = OtherFee;
i++;
p[i] = new SqlParameter("#Fee", SqlDbType.VarChar);
p[i].Value = Fee;
i++;
p[i] = new SqlParameter("#CreatedBy", SqlDbType.VarChar);
p[i].Value = SessionManager.Current.UserDetails.AppUserId;
i++;
p[i] = new SqlParameter("#ModifiedBy", SqlDbType.VarChar);
p[i].Value = SessionManager.Current.UserDetails.AppUserId;
i++;
var RequestID = objDAL.ExecuteDataset(connectionString, CommandType.StoredProcedure, "Distribution_SaveRequest", p);
return request.CreateResponse(HttpStatusCode.OK, p[1].Value);
}
catch (SqlException ex)
{
return ProcessHttpRequestException(request, ex);
}
catch (Exception ex)
{
return ProcessHttpRequestException(request, ex);
}
}

Answer 1

You are passing TissueRequestFeeobj in your ajax call which contains an object with the key TissueRequestFeeData but in the action method, the attributes of `TissueRequestFeeData' have been mentioned as separate parameters. Hence you are getting null values.
Instead you should try passing JSON.stringify(obj) directly in the ajax call. Something like this:
var obj = {
Mode: mode,
TissueRequestFeeID: mode == 1 ? 0 : data.TissueRequestFeeID,
TissueRequestID: viewBagRequestId,
FeeTypeID: data.FeeTypeID,
OtherFee: data.OtherFee,
Fee: data.Fee,
};
var url = rootPath + "api/RequestApi/SaveAndUpdateRequest";
$.ajax({
url: url,
type: 'POST',
data: JSON.stringify(obj),
success: function (TissueRequestFeeID) {
console.log(TissueRequestFeeID);
}
});