I want my model's part to be accessible to my page's JavaScript, so I include the following script tag into the model:
<script type="text/javascript">
var filter = @Html.Raw(@Json.Encode(Model.Filter));
</script>
The filter object is a filter for the subsequent queries, which are done via AJAX:
<script type="text/javascript">
function DownloadData() {
$.ajax({
url: '@Url.Action("GetData")',
type: "POST",
data: filter,
success: function (data) {
}
});
}
</script>
It all works OK, but for one part: the filter's string properties are not null, but "null". I don't touch the filter variable in my JavaScript yet
Model:
public class SellOffersFilter
{
public int MinAge { get; set; }
public string Country { get; set; }
public string City { get; set; }
}
Controller:
public ActionResult SellOffersGetPage(SellOffersFilter filter)
{
//here both filter.Country and filter.City are equal to "null"
}
The POST form looks like MinAge=0&Country=null&City=null, and JavaScript debugger shows that filter.Country is equal to null, not the "null" string.
Is there a way to force jQuery not to pack the filter's fields into the POST request, if they are null? Or another easy way to pass null values through jQuery.ajax()?
