Why is variable not being passed with my jquery load statement to php?

Question

I couldn't seem to find any examples in the documentation of passing a jquery variable with a load statement. I tried with and without quotes, putting the whole variable statement in, but no luck. Everything else seems to work when debugging, but not passing a variable, please take a look: Edit: I should also make it clear I tried {term: d} and {term: var d} but neither work.

<script>
function callMe() {
    for (var i = 1; i< 2; i++){
        var b = $('#song'+i).val();
        var c = $('#artist'+i).val();
        var d = b +" "+ c; 
        // alert(d);
        //$('#results').load('getWeb.php', {term: d});
        $('#results').load('getWeb.php', {term: 'd'});
    }
    // var b = $('#song1').val();
    // alert(b);
}
$(document).ready(function(){
    callMe();
});
</script>

<form>
Song <input type ="text" name ="song1" id ="song1">
Artist <input type ="text"  name ="artist1" id ="artist1"><br />
<input type ='submit' value ='Submit' onClick="callMe();">
</form>

remove quotes from 'd' in {term:'d'}so it is a variable and not a string as you have it in the commented out line. How are you trying to receive this in php? — charlietfl
– charlietfl, Commented Mar 15, 2013 at 0:18

Alqin · Accepted Answer · 2013-03-15 00:41:54Z

1

I made an working example for you. A starting point.

<?php
if (isset($_POST['term'])) {
    echo $_POST['term'];
    exit;
}
?><!DOCTYPE html>
<html>
    <head>
        <title>Info</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script type="text/javascript">
            function callMe() {
                var b = $('#song1').val();
                var c = $('#artist1').val();
                var d = b + ":" + c;
                $('#results').load('', {term: d});
            }
            $(function() {
                $('form').submit(function() {
                    callMe();
                    return false;
                });
            });
        </script>
    </head>
    <body>

        <form action="" method="post">
            Song <input type ="text" name ="song1" id ="song1">
            Artist <input type ="text"  name ="artist1" id ="artist1"><br />
            <input type ='submit' name="info" value ='Submit'>
        </form>
        <div id="results">

        </div>

    </body>
</html>

edited Mar 15, 2013 at 0:41

answered Mar 15, 2013 at 0:18

Alqin

1,3054 gold badges17 silver badges35 bronze badges

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

1 Comment

ObjectNameDisplay Over a year ago

Wow, this was amazingly helpful. Thanks so much for this, I was able to go off this and pretty much finish my project. Again thank you!

Collectives™ on Stack Overflow

Why is variable not being passed with my jquery load statement to php?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related