Pass Json Object and String Value at once in Ajax

Question

I want to pass a Json Object and String Value together in ajax call. I have attached my code below.

$('#ddcountryid').change(function () {
            var jdata = ko.mapping.toJSON(viewModel);
            var Cid = $(this).val();
            //alert(intCountry);
            $.ajax({
                url: '@Url.Action("PopulateDropDown", "Pepmytrip")',
                type: 'POST',
                data: jdata,
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    if (data.redirect) {
                        location.href = resolveUrl(data.url);

                    }
                    else {
                        ko.mapping.fromJS(data, viewModel);
                    }
                },
                error: function (error) {
                    alert("There was an error posting the data to the server: " + error.responseText);
                },

            });
        });

My Action Method

 public JsonResult PopulateDropDown(Wrapper wrapper, string cID)
        {
            wrapper.Destinations = new SelectList(context.Destinations.Where(c=>c.CountryId == cID), "id", "Name").ToList();
            return Json(wrapper);
        }

I am getting wrapper object with Values, but how can get the CID as well. Can anyone please help me on this??.

Marian Ban · Accepted Answer · 2014-09-25 07:01:14Z

1

you can pass it as query string parameter:

var Cid = $(this).val();
$.ajax({
  url: '@Url.Action("PopulateDropDown", "Pepmytrip")' + '?cID=' + Cid, 
  ...

server side:

public JsonResult PopulateDropDown(Wrapper wrapper, string cID)
        {
            wrapper.Destinations = new SelectList(context.Destinations.Where(c=>c.CountryId == cID), "id", "Name").ToList();
            return Json(wrapper);
        }

OR add a new property to your Wrapper object as Gavin Fang suggested:

var Cid = $(this).val();
viewModel.Cid = Cid;
var jdata = ko.mapping.toJSON(viewModel);

server side code:

public JsonResult PopulateDropDown(Wrapper wrapper)
        {
            var cid = wrapper.Cid;
            wrapper.Destinations = new SelectList(context.Destinations.Where(c=>c.CountryId == cID), "id", "Name").ToList();
            return Json(wrapper);
    }

edited Sep 25, 2014 at 7:01

answered Sep 25, 2014 at 6:56

Marian Ban

8,1881 gold badge35 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gavin Fang · Accepted Answer · 2014-09-25 06:51:41Z

0

I think you can add a property to store you 'CID' to your viewModel.

and you can get the CID in the 'success' function in javascript in here, I think.

answered Sep 25, 2014 at 6:51

Gavin Fang

3675 silver badges7 bronze badges

Comments

Shastry · Accepted Answer · 2014-09-25 06:58:21Z

0

You can achieve this is two ways:

You can add extra field for existing json 'jdata' by defining field jdata.cid = null; and assigning it as jdata.cid = $(this).val();.
Prepare an object to hold both json data and string value: var obj = {"json": jdata, "string":$(this).value()}; then pass obj in data parameter

answered Sep 25, 2014 at 6:58

Shastry

4561 gold badge5 silver badges13 bronze badges

Collectives™ on Stack Overflow

Pass Json Object and String Value at once in Ajax

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related