jQuery not working on url click

Question

I am trying to update mysql database on cliking url in lecture.php. But update-lecture-count.php is not getting executed.

Code in lecture.php is as follows

<?php
session_start();
include("db.php");
?>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" >    </script>
<script>
var $j = jQuery.noConflict();// i am also using jquery 1.9.0 in same page
$j('.reserve-button').click(function(){

var lec_id = $j(this).parent().data('id');

$j.ajax
({ 
    url: 'update-lecture-count.php',
    data: {"lectureID": lec_id},
    type: 'post'

});
});
</script>

</head>
<body>

<div data-id="<?php echo $data['lecture_id'];?>">
/* lecture id, recording link are getting fetched from other mysql table*/
<a class="reserve-button fancybox fancybox.iframe more_info_btn" data-fancybox-href="<?=$data['recording_link']?>">PLAY NOW</a>
</div>
</body>
</html>

Code in update-lecture-count.php is as follows

<?
session_start();
include("db.php");
if(isset($_POST['lectureID']))
  {
$_SESSION['value'] = $_POST['lectureID'];
$member_id = $_SESSION['user_id'];

//code to update mysql database.....
?>

I am unable to understand, why $_POST['lecture_id'] is not retrived in update-lecture-count.php

AkshayS · Accepted Answer · 2016-01-03 09:56:31Z

1

Try replacing type with 'method' - type is used in versions prior to Jquery 1.9.0

So try to use this as your AJAX call

$j.ajax
({ 
    url: 'update-lecture-count.php',
    data: {"lectureID": lec_id},
    method: 'post'

});

Please refer to this link

answered Jan 3, 2016 at 9:56

AkshayS

341 bronze badge

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

Comments

Dr M L M J · Accepted Answer · 2016-01-03 10:13:47Z

0

Ohhh... I solved it... Just answering here as it would be helpful to others too...

I replace

<script>
var $j = jQuery.noConflict();

$j('.reserve-button').click(function(){

var lec_id = $j(this).parent().data('id');

$j.ajax
({ 
    url: 'update-lecture-count.php',
    data: {"lectureID": lec_id},
    method: 'post'

});
});
</script>

To

<script>
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j('.reserve-button').click(function(){

var lec_id = $j(this).parent().data('id');

$j.ajax
({ 
    url: 'update-lecture-count.php',
    data: {"lectureID": lec_id},
    method: 'post'

});
});
});
</script>

And it worked ...

answered Jan 3, 2016 at 10:13

Dr M L M J

2,3875 gold badges21 silver badges41 bronze badges

Collectives™ on Stack Overflow

jQuery not working on url click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related