Error fetching data with ajax

Question

I am trying to edit some data using boostrap and ajax, however when I run the code an error occurs.

The error is on the line

onclick="editUser('.$row->id.');"

How do I fix this?

My JavaScript code is

function edit(id) {
    $.ajax({
        url : "<?php echo site_url('edit')?>/" + id,
        type: "GET",
        dataType: "JSON",
        success: function(data)
        {
            $('[name="name"]').val(data.name);
            $('[name="id"]').val(data.id);
            $('[name="name"]').focus();
            $('#edit').modal('show'); // show bootstrap modal when complete loaded
        },
        error: function (jqXHR, errorThrown)
        {
            alert('Error ajax');
        }
    });     

}

My HTML code is

<?php
    $no = 1;
    foreach ($user as $row) {               
    ?>
    <tr>
    <td><?php echo $no; ?></td>
    <td><?php echo $row->nik; ?></td>
    <td><?php echo $row->id; ?></td>
    <td><?php echo $row->name; ?></td>                  
    <td align="center">
        <a href="javascript:void(0)" onclick="editUser('.$row->nik.');" class="btn btn-warning"><span class="glyphicon glyphicon-pencil"></span></a> &nbsp;
    </td>
<?php $no++; }?>

when I change onclick="editUser('.$row->nik.');" with onclick="editUser('123456');" ajax can work — irwan dwiyanto
– irwan dwiyanto, Commented Nov 14, 2016 at 15:41

hairmot · Accepted Answer · 2016-11-14 15:46:35Z

2

You have a bit of php/javascript soup. Your href value needs to be enclosed in php tags. Change:

 onclick="editUser('.$row->nik.');"

to

 onclick="editUser('<?php echo $row->nik;?>');"

edited Nov 14, 2016 at 15:46

answered Nov 14, 2016 at 15:40

hairmot

2,9551 gold badge16 silver badges26 bronze badges

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

3 Comments

irwan dwiyanto Over a year ago

Thanks @hairmot, I have tried but instead form modal not appear

hairmot Over a year ago

could you have a look in developer tools (f12) at how the anchor element is rendering in the browser?

hairmot Over a year ago

oops just edited my answer - try again (i'd left a character in that didnt belong)

Suat Hyusein · Accepted Answer · 2016-11-14 15:45:44Z

0

An addition to the hairmot's answer:

You would also like to escape any characters that would interfere with the html:

onclick="editUser('<?php echo htmlspecialchars($row->nik) ?>');"

answered Nov 14, 2016 at 15:45

Suat Hyusein

6154 silver badges14 bronze badges

Collectives™ on Stack Overflow

Error fetching data with ajax

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related