Add XHR to a Javascript Function

Question

When I execute the following code, a GET message appears in the Firebug Console however the variable is undefined, and I think that is due to the scope of the variable being limited to the function only.

My goal is to be able to click the table row, and upon clicking the table row, fetch some data from the server related to the record in the table, and then populate part (not all) of a web form, which I will then add more data to, and then submit the form (see image).

Here is the Javascript function which defines a variable called $id as the given rows' data-attribute ('recordID') which itself was been passed into the <tr> tag when the table was generated.

Javascript:

$(document).on('click', 'tr', function() {

        //Get the ID from the row clicked
        var $id = $(this).data('recordId'); 

        //short-hand
        $('#section2').load('data_entry_form.php?id='+id);

});

PHP snippet that includes the data-attribute:

<table = "all_aifs">
<tr>
    <th><b>Document ID</b></th>
    <th><b>Pubco Name</b></th>
    <th><b>Filing Date</b></th>
    <th><b>PDF</b></th>
</tr>
<?php foreach($result as $index => $row) : ?>
<tr data-recordId="<?=$row[fee_source_id];?>"
    class="<?=$row["match"] ? "match" : "";?>">
    <td><?php echo $row[fee_source_id]; ?></td>
    <td><?php echo $row[company_name_per_sedar]; ?></td>
    <td><?php echo $row[document_filing_date]; ?></td>
    <td></td>
</tr>
<? endforeach;?>
</table>

Question: How can I have my web form contain some data related to the row I clicked? I think I need to use AJAX. Also, why is the variable "undefined" in the Console? I think I need it to be defined as the $id variable (which is the recordId).

enter image description here

user823738 · Accepted Answer · 2013-01-05 02:00:22Z

1

The variable id is undefined because you never have defined it.

You only defined $id not id.

answered Jan 5, 2013 at 2:00

user823738

17.6k8 gold badges57 silver badges78 bronze badges

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

Collectives™ on Stack Overflow

Add XHR to a Javascript Function

Javascript:

PHP snippet that includes the data-attribute:

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Javascript:

PHP snippet that includes the data-attribute:

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related