Jquery AJAX posting variable to server file

Question

Using Jquery AJAX to read a number from a server file, increment the number, and write the number back to the server file.

I can read the file fine, I just can't post to the file.

<script>
var counter = -1;

$.ajax({
    type:    "GET",
    url:     "counter.txt",
    success: function(text) {
    counter = text;
    counter++;
        $("#count").html(counter);
    },
    error:   function() {
        $("#count").html("Error!");
    }
});

$.ajax({
    type:    "POST",
    url:     "counter.txt",
    data:    counter,
    success: function() {
    },
});
</script>

steve · Accepted Answer · 2013-11-21 17:29:56Z

1

Ajax being a client-side method can't write to a file on the server.

You would need some middleware in PHP, ASP, Python etc to take the amends as posted data and write to the file.

answered Nov 21, 2013 at 17:29

steve

2,5191 gold badge23 silver badges30 bronze badges

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

Comments

Sergey Yarotskiy · Accepted Answer · 2013-11-21 20:11:19Z

0

Since Ajax is asynchronous, this piece of code

$.ajax({
    type:    "POST",
    url:     "counter.txt",
    data:    counter,
    success: function() {
    },
});

will be executed before you will get first number from server. You need to put this code inside "success" function

$.ajax(
    type:    "GET",
    url:     "counter.txt",
    success: function(text) {
        counter = text;
        counter++;
        $("#count").html(counter);
        $.ajax({
            type:    "POST",
            url:     "counter.txt",
            data:    counter,
            success: function() {
            },
        });
    },
    error:   function() {
        $("#count").html("Error!");
    }
});

Also, you should just call some server side php method through Ajax, since you can't set anything through JavaScript on server. So "post" Ajax URL should looks like url: 'http://www.server.ca/set_vars?var=var_title&value=' + encodeURIcomponent(counter)

edited Nov 21, 2013 at 20:11

answered Nov 21, 2013 at 17:36

Sergey Yarotskiy

5074 silver badges14 bronze badges

1 Comment

Dan Grahn Over a year ago

Sergey, this is a nice answer... but you need to format you code correctly. Please put 4 spaces before each line with code on it.

Collectives™ on Stack Overflow

Jquery AJAX posting variable to server file

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related