Returning data from the server in C# via AJAX

Question

I am using an AJAX call to display information based on success or failure of some logic written in C#. I now need to return additional data back from the server and display it. The data I need is contained in the employers and agencies variables. How can I return that data in my return Json statement along with the success?

$.ajax({
    url: rootpath + "/clients/hasDuplicateTaxId",
    type: "GET",
    success: function (data) {
        if (data.success) {
            // success
        }
        else {
            // fail
        }
    },
    error: function (response) {
        var error = response;
    }
});

if (taxIdExists)
{
    var employers = _employerRepository.GetByTaxId(taxId).ToList();
    var agencies = _employerRepository.GetByTaxId(taxId).Select(e => e.GeneralAgency).ToArray();
    return Json(new { success = true }, JsonRequestBehavior.AllowGet);
}

return Json(new { success = false, error = "Error" }, JsonRequestBehavior.AllowGet);

Answer 1

You need to add the employers and agencies variables to the anonymous type you provide to the Json, like this:

if (taxIdExists)
{
    var employers = _employerRepository.GetByTaxId(taxId).ToList();
    var agencies = _employerRepository.GetByTaxId(taxId).Select(e => e.GeneralAgency).ToArray();
    return Json(new { success = true, employers, agencies }, JsonRequestBehavior.AllowGet);
}

From there you can access the arrays stored in those properties in the success handler of your $.ajax call:

success: function (data) {
    if (data.success) {
        console.log(data.employers);
        console.log(data.agencies);
    }
    else {
        // fail
    }
},

They will be arrays, so you would need to loop through them to extract the required information.