Ajax : change button text according to flag value in database

Question

i need to change button text from 'disable' to 'enable' or vice verse onclick depending on flag value in database which is 'on' or 'off'

i have tried to many ways using javascript and jquery but the Application methodology doesn't work with this , so i have found that the Ajax may bay the suitable way So any suggestion ?

score 0 · Accepted Answer · answered Oct 11 '16 at 16:38

0

Ajax is just an asynchronous HTTP request you can perform from JavaScript (and, of course, JQuery). In fact, it stands for Asynchronous JavaScript and XML, even though JSON is preferred over XML recently.

Basically, what you could do with Ajax (using JQuery, for instance), is the following

$.get("/resource/returning/flag", function(data){
    if(data.flag == "on")
        $("button#your_button").html("disable");
    else
        $("button#your_button").html("enable");
});

Refer here for a more detailed API.

answered Oct 11 '16 at 16:38

Samuele Pilleri

734
1
7
17

oki , that's seems helpful , but can you explain how can i pass something like that ( $.get("/serverName/databaseName/tableName/flag") ?? – Mohamed Nagy Oct 12 '16 at 09:31
What do you mean with _pass_-ing? – Samuele Pilleri Oct 12 '16 at 09:51
in this snippet of code $.get("/resource/returning/flag", function(data) – Mohamed Nagy Oct 12 '16 at 09:53
i want to replace the "/resource/returning/flag" with (server/database/column) – Mohamed Nagy Oct 12 '16 at 09:54
Ok, then you'll have to create a resource (say, a .php file) that connects to your database, fetches the wanted record with a query and returns it either as a JSON, a XML or whatever suits you best. See this example: https://stackoverflow.com/questions/383631/json-encode-mysql-results – Samuele Pilleri Oct 12 '16 at 10:12
thank you very much i'm really appreciating your effort :)) – Mohamed Nagy Oct 12 '16 at 10:30

Ajax : change button text according to flag value in database

1 Answers1