How to get variable from javascript to php without form?

Question

I'm trying to pass my topic variable from this javascript function to my php file faqs.php. I know you can do this with a form, however this function is called when clicking text on the html page. I've tried AJAX but it didn't work for me and I feel like there must be a simpler way.

getFaqs function:

function getFaqs(topicId, topic) {
    $("#topic-container").html("");

    //insert javascript to send 'topic' to php file here

    $.getJSON("faqs.php", function(data) {
        if(data == "") {
            $("<div>", {class: "list-group-item", text: "Please add FAQs."}).appendTo($("#topic-container"));
        }
        $.each(data, function(faqId, faq){
            $("<div>", {id: "faq" + faqId, class: "list-group-item", text: faq}).appendTo($("#topic-container"));
        });
    });   
    return false; 
}

faqs.php:

<?php
header('Content-Type: application/json; charset=utf-8');

//insert some php to get 'topic' here

if(isset($_POST['topic'])){
    $topic=$_POST['topic'];
    $clean_topic = preg_replace('/\s+/', '', $topic);
}else{
    echo json_encode("Please enter a topic!");
}
$musicalinstruments = array("Question1"=>"What is the best musical instrument in the world?", "Answer1"=>"The English concertina", "Question2"=>"How many double bass players does it take to change a light bulb?", "Answer2"=>"None, the piano player can do that with his left hand");
$programminglanguages = array("Question"=>"Why do programmers confuse halloween and christmas?", "Answer"=>"Because Oct 31 = Dec 25");
$varietiesofpizza = array("Question"=>"Should I eat more pizza?", "Answer"=>"Yes. Always.");

echo json_encode ($topic);

?>

Can you add topics in JavaScript code?

Adam Azad
– Adam Azad

2017-01-08 20:20:40 +00:00
Commented Jan 8, 2017 at 20:20 — Adam Azad
– Adam Azad, Commented Jan 8, 2017 at 20:20

Tomislav Darlic · Accepted Answer · 2017-01-08 20:24:41Z

1

Insert topic as GET variable in javascript

$.getJSON("faqs.php?topic=sometopic", function(data) {

And then read that GET variable in PHP

if(isset($_GET['topic'])){

answered Jan 8, 2017 at 20:24

Tomislav Darlic

811 silver badge7 bronze badges

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

Comments

Adam Azad · Accepted Answer · 2017-01-08 20:24:24Z

$.getJSON makes a GET request while $.ajax is the main component to send and communicate with the server. Here's a rough code that would do this just fine.

$.ajax({
    url: 'faqs.php', 
    type: 'POST',
    dataType: 'json',
    data: { topic: topics }, // topics is your topics varaible from the JS scope
    success: function(data) {
        if (data == "") {
            $("<div>", {
                class: "list-group-item",
                text: "Please add FAQs."
            }).appendTo($("#topic-container"));
        }
        $.each(data, function(faqId, faq) {
            $("<div>", {
                id: "faq" + faqId,
                class: "list-group-item",
                text: faq
            }).appendTo($("#topic-container"));
        });
    },
    error: function(xhr) {
        console.log('error :(');
    }
});

Zubair Zaheer · Accepted Answer · 2017-01-08 20:26:07Z

0

you can send it by url here is the code for it xmlhttp.open("GET", "phpFile.php?q=" + str, true); xmlhttp.send(); where q is he variable which is used to access the value of perticular variable ,str in this case, in php file

answered Jan 8, 2017 at 20:26

Zubair Zaheer

363 bronze badges

Comments

Peter · Accepted Answer · 2017-01-08 20:57:13Z

0

If you want use POST:

$.post('test.php', { name: "Anna" }, function(response) {
// Do something with the request, data is JSON object.
}, 'json');

And read in test.php in POST variable.

$_POST['name'] // Anna

answered Jan 8, 2017 at 20:57

Peter

1028 bronze badges

Collectives™ on Stack Overflow

How to get variable from javascript to php without form?

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related