Я хочу вызвать php функцию без обновления страницы и вернуть html

Question

этот код показывает больше данных из базы данных на той же странице, без обновления страницы, но это не работает. Нужна некоторая помощь.

 function showmore()
 {
  $.ajax({
       type: "POST",
       url: 'showmore.php',
       data:{action:'true'},
       success:function(html) {
         alert(html);
       }

  });

 }

 <button type="button" onclick="showmore()">showmore</button>

showmore.php
<?php echo "<div><p>something</p></div>"?>

Answer 1

Измените это, чтобы динамически обновлять вашу страницу:

В функции php:

<?php echo 'something'; ?>

Добавьте эту строку в документ html (рекомендуется не возвращать html с сервера):

<div><p id="the-p-id"></p></div>

А в вашей jquery функции, при успехе:

success: function(result) {
            $('#the-p-id').html(result);
        }

Answer 2

Это работа для меня. Если я использую library из jquery, как это

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    function showmore(){
        $.ajax({
            type: "POST",
            url: 'showmore.php',
            data:{action:'true'},
            success:function(html) {
                console.log(html);
            }

        });

    }
</script>

<button type="button" onclick="showmore()">showmore</button>

**showmore.php**

<?php echo "<div><p>something</p></div>"?>

Выход

<div><p>something</p></div>