AJAX с jQuery не возвращает данные

Question

Это мой Javascript:

$(document).ready(function() {
    $('#like').bind('keydown', function(e) {
        if(e.keyCode == 13) {
            var likeMsg = $('#like').val();
            if(likeMsg) {
                // Send the AJAX request to like.php
                $.ajax({
                    url: 'like.php',
                    success: function(data) {
                        alert('Content: ' + data);
                    }
                });
            }
        }
    });
});

А это мой like.php файл:

<?php

echo "It works! :)";

?>

Когда я нажимаю ввод на входе #like, кажется, что запрос AJAX отправляется, и появляется окно с сообщением: Content:, но данные не отправляются с like.php ...

Я проверил, существует ли файл и находится ли он в той же директории, где бы он ни находился, поэтому я в значительной степени невежественен.

Кто-нибудь знает, что здесь может быть не так? Приветствия.

Answer 1

Все вроде бы нормально, но отладка запроса ajax может привести к улучшению позиции.

Answer 2

Разобрался, ребята.В моей разметке у меня было:

<form action="">
    <p><input type="text" id="like" class="like" /></p>
</form>

Так что страница обновлялась, когда я нажимал ввод в текстовом поле, что я и ищу в своем коде JavaScript.Я удалил элементы <form> и теперь все работает.

Глупая ошибка, должен был заметить это раньше.Спасибо:)

Answer 3

На самом деле, похоже, что все, что вам нужно, это передать куда-нибудь файл.Взгляните на $ .load или $ .get, оба они больше соответствуют тому, что вы ищете, я думаю.

Answer 4

См. Документы:

http://api.jquery.com/jQuery.ajax/

Если не указано dataType, он пытается выбрать один из следующих вариантов: "xml, json, script или html".

Попробуйте добавить dataType со значением "текст":

$.ajax({
        url: 'like.php',
        dataType: 'text',
        success: function(data) {
        alert('Content: ' + data);
      })