Question

This is really bizarre. I am trying to submit data to the server and have a PHP script parse the data and then send back a response. A correctly formed URL is being sent:

http://localhost/ajax/test.html?row=rec_no_1

, but the server does not seem to respond with content from the PHP script despite a return code of 200. In fact, Developer Tools (in Google Chrome) doesn’t say anything about the PHP file. The AJAX “data” statement must be formatted properly otherwise I wouldn’t get the correct URL. POST (instead of GET) doesn’t help.

If I change the AJAX data to a string, then it works fine. This implies there is something wrong with the AJAX data. But I can’t understand what given that the URL is correctly formed and does change depending on which row I select.

Any ideas?

Here is the Javascript:

$(document).ready(function() { 
$(".submit").click(function() {

$.ajax({
        type: 'GET',
        url: 'getTable.php',
        dataType: 'html',
        data: {row: $('input[type='checkbox']:checked').val()},
        //data: {row: 'rec_no_2'},
        success: function($result) {
    $('.tableHolder').text($result);
    }
    });
    return false;
});
});

Here is the PHP code:

<?php
if (isset($_GET['row'])) {
    $tableRow = $_GET['row'];
    echo $tableRow;
}
else
        echo 'TEST';
?>

Answer 1

Your syntax is incorrect:

$('input[type='checkbox']:checked').val()

You should use double quotes around checkbox:

$('input[type="checkbox"]:checked').val()

Anyway do a console.log( $('input[type="checkbox"]:checked').val() ) before the ajax call just to find out which value is being sent.