jquery $.post get string returned from method

Question

i have a simple form on my page with a textbox and button that calls this javascript method

onclick="Create();"

and this is the function that is ran...

function Create() {
    var txt = document.getElementById("longTxt").value;

    if (txt == "Insert Name") {
        alert("You must provide a name");
        return;
    }

    var data = { Name: txt };
    $.post("/Home/Create", data, null, "json");
}

The action called inserts the name into the database and returns a string.

The method works it adds the posted name to my database but how do i use that string my method returns to display the returned string in my textbox.

Edit:

what is my method suppose to look like i have something like

    [AcceptVerbs(HttpVerbs.Post)]
    public JsonResult Create(string name)
    {
        string hash = repo.addName(name);
        return new JsonResult()
        {
            Data = new { data = hash }
        };

    }

when i add breakpoints and check it out it looks like it is working it does add the name. the callback function is used because i replaced the

$("#longUrl").val(json.PropertyReturned);

with an alert(json.PropertyReturned); to see if anything is even happening and i get the textbox but it says "undefined"

im really new to all of this maybe im just doing the method and return wrong. also intelisense does not show "json.PropertyReturned" as an option when it pops up after typing "json."

+1. Thanks Fatal. This question and subsequent answers have helped on a few different issues/questions that I've had. Much appreciated! — p.campbell
– p.campbell, Commented Oct 6, 2009 at 16:55

tvanfosson · Accepted Answer · 2009-04-22 21:58:51Z

5

Provide a callback as the third argument of the post call that will get the value returned from the method and put it in your textbox.

$.post("/Home/Create", data, function(json,textStatus) {
    $("#longTxt").val( json.data );
},"json");

If you need to handle errors as well, you might want to look at using $.ajax().

EDIT: You should probably use the controller's Json method instead of constructing the result using the default constructor. It's more convenient.

return Json( new { data = hash } );

edited Apr 22, 2009 at 21:58

answered Apr 22, 2009 at 19:38

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

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

3 Comments

Fatal510 Over a year ago

@tvanfosson, thank you for your reply. I still have a slight issue and I've updated my post to reflect it. Could you take a look.

tvanfosson Over a year ago

@Fatal510 -- I should have pointed out that the name of the property I was using was fictious since I didn't know your actual structure. I've updated. Note I also give an alternative way to return the json result using the controller's Json method.

Fatal510 Over a year ago

@tvanfosson, Thanks for the additional information it really helped.

DLS · Accepted Answer · 2009-04-22 19:39:25Z

0

I think the third parameter is the callback function. Instead of a null, pass a function name there.

answered Apr 22, 2009 at 19:39

DLS

5,5178 gold badges40 silver badges52 bronze badges

Comments

Craig Stuntz · Accepted Answer · 2009-04-22 19:39:43Z

0

$.post("/Home/Create", data, function(data) {
    $("#textboxid").val(data.PropertyName);}, "json")

answered Apr 22, 2009 at 19:39

Craig Stuntz

127k12 gold badges257 silver badges275 bronze badges

Comments

Chad Grant · Accepted Answer · 2009-04-23 04:03:45Z

0

Provide a callback, or set the async to false.

answered Apr 23, 2009 at 4:03

Chad Grant

45.6k10 gold badges67 silver badges80 bronze badges

Collectives™ on Stack Overflow

jquery $.post get string returned from method

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related