jQuery Ajax возвращает всю страницу

Question

У меня есть функция jquery-ajax, которая отправляет данные в php-скрипт, и проблема связана с возвращаемым значением, она возвращает целую страницу вместо одного значения.

Благодарим вас за внимание и помощь.

$("#ajaxBtn").click(function(){ 
var inputText = $("#testText").val(); 

$.ajax({ type: "POST", 
url: "index.php", 
data: "testAjax="+inputText, 
dataType: "html", 
success: function(html){ 
alert(html); 
} 
}); 
});   

Answer 1

Вот как это работает. Вы запрашиваете index.php через AJAX, так что вы получите все содержимое index.php.

Если вы хотите получить конкретное значение, создайте новую страницу PHP, которая выводит именно это значение, и вместо этого запрашивает содержимое этого URL-адреса.

Answer 2

Sophia, В вашем случае вы не должны отправлять свои данные в php-файл, который, если смотреть в веб-браузере, отображает страницу веб-сайта. Вы должны отправить свою информацию в файл php, который возвращает только те данные, которые вы хотите увидеть.

Итак, вместо «index.php» создайте файл с именем «my-ajax-script.php». Этот файл должен содержать любые необходимые «include()» файлы для подключения к базе данных и вашим файлам php-функций (т. Е. Для дезинфекции данных POST). Затем файл должен иметь код, обрабатывающий данные POST, а echo - данные, заполненные некоторыми тэгами html. Эти данные будут вставлены в ваш существующий DOM (html-разметка).

Answer 3

Так что, когда у вас есть это на index.php в начале ?:

<?php 
    if (isset($_POST["testAjax"])) { 
     echo $_POST["testAjax"]; 
    } 
?> 

Если этот сценарий выводит дополнительный текст, то, конечно, это будет также полученый при вызове Ajax. Вы можете поставить exit() после эха, чтобы предотвратить сценарий из обработки дополнительно:

if (isset($_POST["testAjax"])) { 
    echo $_POST["testAjax"]; 
    exit(); 
} 

Также используйте dataType: 'text' в качестве значения вы вернетесь, очевидно, не HTML.

---

Или, как предлагают другие, создайте новую страницу, которая отвечает за обращение с запросом Ajax. Если вы делаете больше, чем просто вывод полученного значения (т. Е. Более сложные операции), вы должны сделать это в любом случае.