How to return two object using json and receive using jquery

zeeshan akram

Hi, these are two objects and I want to access these two objects on view using jquery. I have tried a lot of but I could receive these two objects. when I remove one object data will be received successfully but two objects at a time I could not access.

any expert can you tell me combine two objects and received in view using jquery.

ECommercedbEntities db = new ECommercedbEntities();
var productl = (from p in db.Products
where p.ProductID == id
select new
{
PName = p.PName.Trim()
}).FirstOrDefault();
var productD = (from pd in db.ProductDetails
join p in db.Products on pd.ProductID equals p.ProductID
where pd.ProductID == id
select new
{
ProductID = pd.ProductID,
OS = pd.OS,
}).ToList();
return Json(,JsonRequestBehavior.AllowGet); // i have try this return Json(new{productl, productD },JsonRequestBehavior.AllowGet) // but i could not receive in jquery

jquery access

function GetProductByID(ID)
{
$.ajax({
url: "/Items/GetProd/" + ID,
typr: "GET",
contentType: "application/json;charset=UTF-8",
dataType: "json",
success: function (res) {
$('#PName').val(res.Model);
$('#mProduct').modal('show');
$('#btnUpdate').show();
$('#btnSave').hide();
},
error: function (errormessage) {
alert(errormessage.responseText);
}
});
return false;
}

4 Replies

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

Ashutosh Gupta6y ago
you can wrap both objects in one and send.
var productDetails = new ProductDetails
           {
               Product1 = productl,
               Product2 = productD
           };
           return Ok(productDetails);
Vishvjit Shinde6y ago
Take NewtonSoft.Json namespace
and create the "JObject"

Eg:
JObject data = JObject.FromObject(new{
product1 = product1 ,
product2 =product2
});

data will come as a response
Sagar Malde6y ago
Hi Zeeshan,

U can try this -
return Json(new { product1 = product1, productD = productD },JsonRequestBehavior.AllowGet);
Viswanatha Swamy6y ago
Hi Zeeshan,
Good evening. Could you please wrap both your objects into a parent class? That way you can return only a single object which will contain the data from both objects. Please refer to the sample code below. Many thanks.
[HttpGet]
        public async Task> Get()
        {
            // Your Main Logic

            var productWithDetails = new ProductWithDetails
            {
                ProductInfo = productl,
                Details = productD
            };
            return Ok(productWithDetails);
        }