Ajax передает данные в php скрипт

Question

Я пытаюсь отправить данные в мой PHP-скрипт для обработки чего-то и генерирования некоторых элементов.

$.ajax({  
    type: "POST",  
    url: "test.php", 
    data: "album="+ this.title,
    success: function(response) {
        content.html(response);
    }
});

В моем файле PHP я пытаюсь получить название альбома.Хотя, когда я проверяю его, я создал предупреждение, чтобы показать, что albumname, я ничего не получаю, я пытаюсь получить название альбома по $albumname = $_GET['album'];

Хотя он скажет undefined: /

Answer 1

Вы отправляете запрос POST AJAX, поэтому используйте $albumname = $_POST['album']; на своем сервере, чтобы получить значение. Также я бы порекомендовал вам написать такой запрос, чтобы обеспечить правильную кодировку:

$.ajax({  
    type: 'POST',  
    url: 'test.php', 
    data: { album: this.title },
    success: function(response) {
        content.html(response);
    }
});

или в более короткой форме:

$.post('test.php', { album: this.title }, function() {
    content.html(response);
});

и если вы хотите использовать запрос GET:

$.ajax({  
    type: 'GET',
    url: 'test.php', 
    data: { album: this.title },
    success: function(response) {
        content.html(response);
    }
});

или в более короткой форме:

$.get('test.php', { album: this.title }, function() {
    content.html(response);
});

и теперь на вашем сервере вы сможете использовать $albumname = $_GET['album'];. Будьте осторожны с запросами AJAX GET, так как они могут кэшироваться некоторыми браузерами. Чтобы избежать их кеширования, вы можете установить параметр cache: false.

Answer 2

Попробуйте отправить данные следующим образом:

var data = {};
data.album = this.title;

Тогда вы можете получить к нему доступ, как

$_POST['album']

Обратите внимание, что «GET»

Answer 3

Вы также можете использовать приведенный ниже код для передачи данных, используя ajax.

var dataString = "album" + title;
$.ajax({  
    type: 'POST',  
    url: 'test.php', 
    data: dataString,
    success: function(response) {
        content.html(response);
    }
});