AJAX voting

AJAX Voting

In the following example, we will demonstrate a voting program through which the voting results are displayed without refreshing the web page. show.

Do you like PHP and AJAX?

Yes:
No:

Example explanation - HTML page

When the user selects one of the above options, a function named "getVote()" will be executed. This function is triggered by the "onclick" event.

poll.html file code is as follows:

     
  
 
你喜欢 PHP 和 AJAX 吗?
 
 是:  
否:  
 
  

getVote() function will perform the following steps:

1) Create XMLHttpRequest object

2) Create Function executed when the server response is ready

3) Send a request to the file on the server

4) Please note the parameter (q) added to the end of the URL (contains the contents of the drop-down list)

PHP file

The server page called above through JavaScript is a PHP file named "poll_vote.php":

 
结果:
 
 
 
是:
 
  % 
 
 
 
否:
 
  % 
 
 

When the selected value is sent from JavaScript to the PHP file, what will happen:

1) Get the contents of the "poll_result.txt" file

2) Put the file contents into a variable, And add 1 to the selected variable

3) Write the result to the "poll_result.txt" file

4) Output the graphical voting result

Text file

The text file (poll_result.txt) stores data from the voting program.

The data it stores is as follows:

3||4

The first number represents the number of votes for "Yes" , the second number represents the number of "No" votes.

Note:Please remember to only allow your web server to edit this text file. Don't let anyone else gain access except the web server (PHP).