How to send Json data and textbox data through jQuery ajax

Question

I have a json collection and I want to send one textbox value to controller through jQuery ajax

 $('#btnsave').click(function (e) {
    debugger;
    $.ajax({
        type: "POST",
        url: '/Asset/SaveAssociate',
        data: "{'data':'"+JSON.stringify(allVals)+"'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            alert(data);
         //   var gridk = $("#grid1").data("kendoGrid");
          //  gridk.dataSource.read();
        }
    })
})

and this is my textbox value

 var _assetid = $("#AssetId").val().trim();

like data: { json and assetid :assetid } can I pass like this

This is my action method

[NoCache]
public ActionResult SaveAssociate(string data, string AssetId)
{
            JavaScriptSerializer json = new JavaScriptSerializer();
            List<GetUserdata> myObjs = new List<GetUserdata>();
            myObjs = json.Deserialize<List<GetUserdata>>(data);

            for (int i = 0; i <= myObjs.Count; i++)
            {
            }

            return Content("Hai");
}

I want to send Json collection and textbox value parameter to action method .collection is coming but if i go like this data:{json and assetid :assetid } assetid is not coming at action method — Karthik
– Karthik, Commented May 17, 2014 at 13:29

Ammar Khan · Accepted Answer · 2014-05-17 13:41:33Z

1

I believed, this is what you want

 $('#btnsave').click(function (e) {
        debugger;

       var dataToSend={
          'data':JSON.stringify(allVals),
          'AssetId':$("#AssetId").val().trim()
        };
        $.ajax({
            type: "POST",
            url: '/Asset/SaveAssociate',
            data: JSON.stringify(dataToSend),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                alert(data);
             //   var gridk = $("#grid1").data("kendoGrid");
              //  gridk.dataSource.read();
            }
        })
    })

edited May 17, 2014 at 13:41

answered May 17, 2014 at 13:27

Ammar Khan

2,6056 gold badges37 silver badges63 bronze badges

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

6 Comments

Karthik Over a year ago

At this point 'AssetId':$("#AssetId").val().trim() am getting value but when it comes to dataToSend.AssetId it is coming null

Ammar Khan Over a year ago

Can you see the AssetId value being passed in request?

Ammar Khan Over a year ago

Also, please show your code for Action that is suppose to accept these parameters

Ammar Khan Over a year ago

I guess, you have to put dataToSend inside click event, check out the updated code.

Karthik Over a year ago

Yes but ajax is not calling Action method if i kept like this

|

Collectives™ on Stack Overflow

How to send Json data and textbox data through jQuery ajax

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related