Passing Jquery variable to php url

Question

I have a jquery function that looks like this:

$('.dislike_box a').click(function(event){
    event.preventDefault();
    var title = $(this).data('title');
    alert(title);
    $.ajax({
    url: 'vote.php?vote=dislike&title=title', 
    success: function(result){
        $('.dislike_box p.vote_text').text('Dont Like it.');
    }});
});

My issue is when I alert the title variable it is correct but when I pass it to the php script to be put into the database the php script uses the $_GET[] method but puts the literal string "title" into the database instead of the variable value.

Answer: Thanks to @Ivan

 url: 'vote.php?vote=dislike&title='+title,

try using double quotes on title : " title ".

Farrukh Faizy
– Farrukh Faizy

2016-07-20 16:43:01 +00:00
Commented Jul 20, 2016 at 16:43 — Farrukh Faizy
– Farrukh Faizy, Commented Jul 20, 2016 at 16:43

Ivan · Accepted Answer · 2016-07-20 16:45:24Z

1

The variable you are sending via AJAX isn't a variable but the string 'title'. Instead use + to add the variable in the URL.

$('.dislike_box a').click(function(event){
    event.preventDefault();
    var title = $(this).data('title');
    alert(title);
    $.ajax({
    url: 'vote.php?vote=dislike&title='+title, 
    success: function(result){
        $('.dislike_box p.vote_text').text('Dont Like it.');
    }});
});

To retrieve the js variable in PHP file :

<?php

if(isset($_REQUEST['title'])) {
    $title = $_REQUEST['title'];
}

edited Jul 20, 2016 at 16:45

answered Jul 20, 2016 at 16:43

Ivan

41.3k9 gold badges78 silver badges120 bronze badges

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

2 Comments

Waggoner_Keith Over a year ago

perfect, I will accept this answer when I can thanks!

Ivan Over a year ago

Thanks @Waggoner_Keith

gre_gor · Accepted Answer · 2016-07-20 17:05:35Z

1

You are sending the literal string title in your AJAX call. You would need to actually put your title value into your URL.

A better solution would be, if you make jQuery escape the values, so you don't need to worry, if your title contains special characters like ?, &, =, etc.

$('.dislike_box a').click(function(event){
    event.preventDefault();
    var title = $(this).data('title');
    alert(title);
    $.ajax({
        url: 'vote.php',
        data: {
            vote: 'dislike',
            title: title
        }, 
        success: function(result){
            $('.dislike_box p.vote_text').text('Dont Like it.');
        }
    });
});

edited Jul 20, 2016 at 17:05

answered Jul 20, 2016 at 16:50

gre_gor

6,65612 gold badges104 silver badges105 bronze badges

Collectives™ on Stack Overflow

Passing Jquery variable to php url

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related