getting post data from jQuery Ajax

Question

I am having a problem with ajax not posting data as expected, i am using the Codeigniter calendar library and have added classes to each Table Row and Table Data tag so that when you click on any table cell the below code will fire. not sure what is going wrong

here is the code:

<script type="text/javascript">

$('.calendar .day').click(function(){
  get_day_num();
});

function get_day_num()
{
  //this alert shows 'undefined' ??
  alert($(this).find('.day').html());
  //values being passed to sendValue are probably 'undefined' - why?        
  sendValue($(this).find('.day_num').html(),$(this).find('.content').html())
}

function sendValue(day_num,day_data)
{
  $.ajax({
  url: window.location,
  type: 'POST',
  data: {
    day: day_num,
    data: day_data
  },
  complete: function(msg)
  {
    location:reload();
  }
});
}
</script>

Rory McCrossan · Accepted Answer · 2013-08-21 15:09:16Z

1

Assuming the script tag is in the head of your page, you need to wrap your code in a document ready handler.

<script type="text/javascript">
    $(function() {
        // your code here...
    });
</script>

Also, this in your get_day_num function will be the window, not the element which was clicked on. You need to pass the element in to the function, or alternatively use the function reference as the handler. Try this:

$('.calendar .day').click(get_day_num);

edited Aug 21, 2013 at 15:09

answered Aug 21, 2013 at 14:42

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

5 Comments

Mystx Over a year ago

shoot, i missed that!

Mystx Over a year ago

my jQuery code is in the body of the page. could that be why its not working?

Mystx Over a year ago

no, its actually just before the footer tags - the </body> is just after the footer tags (ive gotten this from a nettuts tutorial on codeigniter and all has worked except for this bit of jQuery - which ive been struggling with all day)

Mystx Over a year ago

found an error - location:reload() should have been location.reload() still didnt fix anything though - my real problem is that its getting 'undefined' values

Rory McCrossan Over a year ago

@user2295029 see my update, I noticed you were using this in the wrong scope in one of your functions.

Rituraj ratan · Accepted Answer · 2013-08-21 15:03:24Z

0

function sendValue(day_num,day_data)
{
  $.ajax({
  url: window.location,
  type: 'POST',
  data: {
    day: day_num,
    data: day_data
  },
  complete: function(msg)// here use success not complete in complete it comes every time whether out put come or not
  {
    location:reload();
  }
});
}

reference ajax

answered Aug 21, 2013 at 15:03

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

1 Comment

Rituraj ratan Over a year ago

in console see in response what is come and see is this any error in your url file and in url why you use window.location i think this is causing problem please see in your console i think it will help

Collectives™ on Stack Overflow

getting post data from jQuery Ajax

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related