Sending two values from an HTML form using Ajax

Question

Sending two values from an HTML form using Ajax

Looking to transfer two values from my HTML code to the PHP code: one for 'up' or 'down', and the other for the post ID.

I have a system where users can vote on posts by clicking either 'up' or 'down' arrows next to the post ID.

<script>
    function vote(val)
    {
        var params = {"vote":val.id};
        $.ajax({
            data:  params,
            url:   'vote.php',
            type:  'post',
            success:  function (response) {

            }
        });
    }
</script>
<a id='up' class='fas fa-angle-up' onclick='vote(this);'></a>

vote.php

if(!empty($_POST['vote'])) {
    if ($_POST['vote']=='up')
    {
        // Need to somehow retrieve the second value, possibly using $_POST['id']
    }
    if ($_POST['vote']=='down')
    {
        // Need to somehow retrieve the second value, possibly using $_POST['id']
    }
}

Unsure of how to include the post ID as the 'id' attribute in the anchor tag is already used.

javascript ajax

Answer 1

Answer №1

If you want to add voting functionality to your function, you can modify it to accept a parameter for up and down votes.

<script>
    function vote(voteType, element)
    {
        var params = {"vote": voteType, "id": element.id};
        $.ajax({
            data:  params,
            url:   'vote.php',
            type:  'post',
            success:  function (response) {

            }
        });
    }
</script>
<a id='up' class='fas fa-angle-up' onclick='vote("up",this);'></a>
<a id='down' class='fas fa-angle-down' onclick='vote("down",this);'></a>

Now in your PHP code, you can access the ID using $_POST['id'] and determine the type of vote with $_POST['vote'].

Answer 2

If you want to add voting functionality to your function, you can modify it to accept a parameter for up and down votes.

<script>
    function vote(voteType, element)
    {
        var params = {"vote": voteType, "id": element.id};
        $.ajax({
            data:  params,
            url:   'vote.php',
            type:  'post',
            success:  function (response) {

            }
        });
    }
</script>
<a id='up' class='fas fa-angle-up' onclick='vote("up",this);'></a>
<a id='down' class='fas fa-angle-down' onclick='vote("down",this);'></a>

Now in your PHP code, you can access the ID using $_POST['id'] and determine the type of vote with $_POST['vote'].

Sending two values from an HTML form using Ajax

Answer №1

Similar questions

Methods for passing JavaScript variables to PHP

The issue with Angular-gettext is that it fails to update dynamically generated strings in the code

Displaying a component after retrieving a value from AsyncStorage in a React Native application

The styles from the npm package are not being properly applied to the class

Unraveling AngularJS: Mastering the Art of Interpolating Interpol

Is it detrimental to have lengthy jQuery chains?

Add the onclick() functionality to a personalized Angular 4 directive

Creating dynamic dropdown menus using JSON files in jQuery mobile is a useful technique for enhancing user experience on

Preventing simultaneous ajax requests

Learn how to update image and text styles using Ajax in Ruby on Rails with the like button feature

"Although the ajax request was successful, the post data did not transfer to the other

Incorporate a new item into an array within DynamoDB that does not currently

JavaScript popup cannot be shown at this time

JS: delay onClick function execution until a page refresh occurs

Creating a spacious text box for an enhanced Ajax search feature

Is there a way to incorporate the Indian rupee symbol into a Google chart?

Is there a way to identify when a radio button's value has changed without having to submit the form again?

Controller experiencing peculiar AJAX response in CodeIgniter

Removing data from the controller with JQUERY AJAX in a Spring MVC application

How can you retrieve newly added DOM elements from a PartialView using Ajax.BeginForm?