How to pass data to another page using jquery ajax

Question

I have a problem on ajax call.

Here is my code regarding the ajax:

$('#Subjects').click(function() {
    $.ajax({
        type: 'POST',
        url: '../portal/curriculum.php',
        data: 'studentNumber='+$('#StudentID').val(),
        success: function(data)
        {
            $('#curriculum').html(data);
        }
    });
});

When I echo studentNumber on another page, the studentNumber is undefined. Why is that?

Answer 1

Simply modify your code like this:

JS

$('#Subjects').click(function() {
    $.ajax({
        type: 'POST',
        url: '../portal/curriculum.php',
        data: { studentNumber: $('#StudentID').val() },
        success: function(data)
        {
            $('#curriculum').html(data);
        }
    });
});

PHP

<?php

    $var = $_POST['studentNumber'];

?>

If you still can not make it works.. other things you should consider..

url: '../portal/curriculum.php',

1) Please use full URL http://yourdomain.com/portal/curriculum.php or absolute path like /portal/curriculum.php

2) Add an error callback to check out the error message

$('#Subjects').click(function() {
    $.ajax({
        type: 'POST',
        url: '../portal/curriculum.php',
        data: { studentNumber: $('#StudentID').val() },
        success: function(data)
        {
            $('#curriculum').html(data);
        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });
});