ajax other parameter is null?

Denmark Puso

why my other paramter is null. "date" and "ids" is null while my "postedFile" and "amount" has a data. but when i try to removed "postedFile" parameter. the ids and date has a value. and it works fine. but i need the postedfile parameter

my script

var ids = [];
function add(id, isChecked) {
if (isChecked) {
ids.push(id);
}
else {
var i = ids.indexOf(id);
ids.splice(i, 1);
}
}
function saveSelected() {
//var shipmentId = $('#c-shipment-id').val();
var date = $('#Date').val();
var amount = $('#Amount').val();
//var ImageFile = $('#imageUploadForm').val();
$('#imageUploadForm').on("change", function () {
var formdata = new FormData($('form').get(0));
CallService(formdata);
});
function CallService(postedFile) {
$.ajax({
url: '@Url.Action("index", "payment")',
type: 'POST',
data: { ids: ids, amount: amount, date: date, postedFile: postedFile },
cache: false,
processData: false,
contentType: false,
traditional: false,
dataType:"json",
success: function (data) {
alert("Success");
}
});
}
}

My controller

public ActionResult Index(int?[] ids, decimal? amount, DateTime? date, HttpPostedFileBase postedFile)
{
return View();
}

13 Replies

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

Salman Beg6y ago
See that is the problem. If inside the onchange function you are getting value then pass ids as a perameter to CallService function. Thanks.
Denmark Puso6y ago
Salman Beg
no. its null.
Salman Beg6y ago
In the CallService function are you getting ids value?
Denmark Puso6y ago
Salman Beg
ill check the value is not null before CallService method. it show the ids selected. thank you for helping me. im stuck in here for 2 days. for the other reference this is my data table script.
var table;
     $(function () {
        table = $('#Payable').DataTable({
            "ajax": "@Url.Action("getpayablelist", "payment")",
             "columns": [
                {
                    "render": function (data, type, full, meta) {
                       return " + full.Id + ", this.checked)'>"
                    }
                },
                { "data": "Type" },
                { "data": "ReferenceNo" },
                { "data": "Amount" }
            ]
        });
     });
Salman Beg6y ago
What I am thinking is in ids data is not coming. In ids data will only come when you call the add method. Also in the onchange method and before CallService method check what is the ids value. Thanks
Denmark Puso6y ago
Salman Beg

the date is working fine i can get the value but my ids is stil empty. i post my whole view code. see the reference below
@using ChenvelMobile.Web.Models.Payment
@model PaymentFormModel

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Content/font-awesome/css/all.css" rel="stylesheet" />

@using (Html.BeginForm("Index", "Payment", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <div class="row">
        <div class='col-md-2'>
            <div class="form-group">
                @Html.LabelFor(x => x.DateOfPayment, new { @class = "form-label" })
                <div class='input-group date' id='datetimepicker1'>
                    @Html.TextBoxFor(x => x.DateOfPayment, new { @class = "form-control", @id = "Date" })
                    <span class="input-group-addon">
                        <span class="fas fa-calendar-alt">span>
                    span>
                div>
            div>
        div>

        <div class="col-md-2">
            <div class="form-group">
                @Html.LabelFor(x => x.Amount, new { @class = "form-label" })
                @Html.TextBoxFor(x => x.Amount, new { @class = "form-control", @id = "Amount" })
            div>
        div>

        <div class="col-md-2">
            <div class="form-group">
                @Html.LabelFor(x => x.test, new { @class = "form-label" })
                @Html.TextBoxFor(x => x.test, new { @class = "form-control", @id = "test" })
            div>
        div>

        <div class="form-group">
            <div class="col-md-2">
                @Html.LabelFor(x => x.ImagePath, new { @class = "form-label" })
                <input type="file" name="postedFile" id="imageUploadForm" required />
            div>
        div>

        <div class="form-group">
            <div class="col-md-2">
                <button type="submit" id="btnUpload" class="btn btn-primary btn-sm" onclick="saveSelected()"><i class="fas fa-save">i>  Savebutton>
            div>
        div>
    div>

}
<table id="Payable" class="display table table-striped" style="width: 100%">
    <thead>
        <tr>
            <th>th>
            <th>Typeth>
            <th>ReferenceNoth>
            <th id="amountpayable">Amountth>
        tr>
    thead>
    <tbody>
        <tr>tr>
    tbody>
table>
My Controller
public ActionResult Index(HttpPostedFileBase postedFile, decimal? Amount, DateTime? DateOfPayment, int?[] ids)
        {
return View();
}
Salman Beg6y ago
I can able to see ids declared globally but date is declared locally. Thanks
Denmark Puso6y ago

Salman Beg
i declare all variables globally but isnot working. date and ids has no value its null
Salman Beg6y ago
Declare all the variables globally. Follow this link, https://www.w3schools.com/js/js_scope.asp
Denmark Puso6y ago
Salman Beg
i put an alert after callservice and im not getting the value. it was null. what is the problem with my code ? thanks
Salman Beg6y ago
Before Ajax call and after CallService line put alert and check whether you are getting value or not. Thanks
Denmark Puso6y ago
Thanks for reply
Salman Beg
when i try to alert the date it show the value. and when i click ok after aler the value is null
Salman Beg6y ago
Before passing the value to Ajax call first check whether you are getting value for date and ids or not. Thanks

ajax other parameter is null?

Salman Beg

Salman Beg

Salman Beg

Salman Beg