send an object from javascript to the View

Question

I have a variable is named: myvariable that has some elements (id, name, etc)

in my controller, I calculate some elements of this variable and return it: return View(myvariable).

I have another function in my controller:

public void drawnFromDb(id) {
    myclass myvariable;
    if (id == "1") {
        myvariable.text = "hello";
    }
    else {
        myvariable.text = "world";
    }
}

in my javascript function, I calculate the others elements:

function mydrawnFromDb(id) {
      $.ajax({
          type: "POST",
          url: baseUri + "mycontroller/drawnFromDb",
          data: { id: id },
          success: function () {

          },
          error: function (error) {

          }
      });
}

but I need to "return" myvariable to the view.

how can I do it please?

any help appreciated!

Darin Dimitrov · Accepted Answer · 2013-06-23 13:00:53Z

2

Just return a JsonResult from the controller action, not void:

public ActionResult drawnFromDb(id) {
    myclass myvariable;
    if (id == "1") {
        myvariable.text = "hello";
    }
    else {
        myvariable.text = "world";
    }

    return Json(myvariable);
}

and in your success callback you can access the result:

success: function (result) {
    alert(result.text);
}

answered Jun 23, 2013 at 13:00

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

Comments

aquaraga · Accepted Answer · 2013-06-23 12:52:17Z

Return myVariable from the controller as a json:

        var javaScriptSerializer = new JavaScriptSerializer();
        var jsonObject = javaScriptSerializer.Serialize(myVariable);
        return jsonObject;

Now, you could use it in the ajax function:

function mydrawnFromDb(id) {
  $.ajax({
      type: "POST",
      url: baseUri + "mycontroller/drawnFromDb",
      data: { id: id },
      success: function (myVariableJson) {
         //Use the myVariableJson, and access the text property
      },
      error: function (error) {

      }
  });
}

Collectives™ on Stack Overflow

send an object from javascript to the View

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related