Send string parameter to controller using AJAX call for jquery

Question

I have a ajax call that goes like

this.GetTransactionsInputToday = function () {
             var status="complete"
             $.ajax({
                 url: '/Management/function1',
                 contentType: "application/json; charset=utf-8",
                 data: status,
                 type: 'GET',
                 cache: false,
                 success: function (result) {
                     return result;
                 }
             });
         }

I have also tried doing like this

this.GetTransactionsInputToday = function () {
             var status="complete"; 
              $.ajax({
                     url: '/Management/function1/' + status,
                     type: 'GET',
                     cache: false,
                     success: function (result) {
                         return result;
                     }
                 });
             }

I have a controller function in my management controller class

public JsonResult function1(string status)
{
Some code here.. 
}

The issue is that every time function1 is called teh value of status comes as null. CAn any one please let me know where am I going wrong??

please change the title because the question is above JOSNstring not simple string — rChavz
– rChavz, Commented Apr 21, 2021 at 18:06

Viral Patel · Accepted Answer · 2012-12-20 11:19:52Z

17

You need to define name for the data you sending data: {'status': status}:

this.GetTransactionsInputToday = function () {
    var status="complete"
    var r = '';

    $.ajax({
        url: '/Management/function1',
        contentType: "application/json; charset=utf-8",
        data: {'status': status},
        type: 'GET',
        cache: false,
        success: function (result) {
            r = result;
        }
    });

    return r;
};

Also your this.GetTransactionsInputToday will not return result as you expected. The success handler of ajax function gets called asynchronously. So your return r statement will return '' as it gets called before the Ajax request gets completed.

edited Dec 20, 2012 at 11:19

answered Dec 20, 2012 at 10:50

Viral Patel

8,6093 gold badges34 silver badges29 bronze badges

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

1 Comment

Blue Over a year ago

Is there a way to achive this: func = 'getDetails'; data = 'loads of data'; and then in $.ajax({ ... data: { func : data }. ? now it sends string named func so in php is $_POST['func'], i want to send string content as name to php not 'func' but $_POST['getDetails']. Any idea ?

anmarti · Accepted Answer · 2014-05-02 13:14:12Z

2

You might construct the json parameter wrongly.

using json: data: "{'prop1': '" + value1+ "'}"

$.ajax({
             url: '/Management/function1',
             contentType: "application/json; charset=utf-8",
             data: "{'prop1': '" + value1+ "'}",
             type: 'GET',
             cache: false,
             success: function (result) {
                 return result;
             }
         });

edited May 2, 2014 at 13:14

answered Dec 20, 2012 at 10:47

anmarti

5,15310 gold badges62 silver badges96 bronze badges

Comments

PhearOfRayne · Accepted Answer · 2012-12-20 10:55:01Z

0

Try setting the variable outside the ajax function and then return it, this way its in the right scope. Also in order to get an immediate value you need to make this ajax call synchronous.

this.GetTransactionsInputToday = function () {
    var status = "complete";
    var r = '';

    $.ajax({
        async : false,
        url: '/Management/function1',
        contentType: "application/json; charset=utf-8",
        data: {'status' : status},
        type: 'GET',
        cache: false,
        success: function (result) {
            r = result;
        }
    });

    return r;
};

edited Dec 20, 2012 at 10:55

answered Dec 20, 2012 at 10:48

PhearOfRayne

5,0504 gold badges33 silver badges44 bronze badges

Collectives™ on Stack Overflow

Send string parameter to controller using AJAX call for jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related