How to toggle JQuery .$post url

Question

In my program i have written the jquery like below:

$(document).ready(function() {
    $("#toggle").click(function() {
        $.post("/project/addhighlight", {
            name: "Donald Duck",
            city: "Duckburg"
        },
        function(data, status){
            var dataconverted = jQuery.parseJSON(data);
            $("#mytext").text(dataconverted);
            if (status == "success") { }
        });
    });
})

What i want to do is to change the $.post url(/project/addhighlight) to the one returned by the backend method once the post is success.

Can any one please advice on how to do it?

possible duplicate of [Relative URL in JQuery Post Call](http://stackoverflow.com/questions/18338042/relative-url-in-jquery-post-call) — Anri, Jul 23 '14 at 06:51

score 1 · Accepted Answer · answered Jul 23 '14 at 06:48

You can store the url in a variable which you can update in the callback:

var postUrl = '/project/addhighlight';
$("#toggle").click(function() {
    $.post(postUrl, {
        name: "Donald Duck",
        city: "Duckburg"
    },
    function(data, status) {
        $("#mytext").text(data);
        if (status == "success") {
            postUrl = data.updatedPostUrl; // your property here...
        }
    });
});

Note that jQuery.parseJSON(data) is not needed, as jQuery will automatically parse a JSON response when it detects one.

How to toggle JQuery .$post url

1 Answers1