JQuery обновить Div с помощью сценария PHP

Question

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

Я хочу обновить содержимое div с помощью PHP-скрипта, который у меня есть, во внешнем файле с именем send.php.

Итак, у меня есть такой div:

<div class="classname">

</div>

И я хочу опубликовать данные в этом файле send.php, а затем обновить этот div, каким бы ни был результат PHP-скрипта. Можно ли это сделать?

Answer 1

Для простых вызовов ajax я обычно предпочитаю использовать $. Load , поскольку его грамматика чрезвычайно лаконична. Передача параметров в виде объекта (пары ключ / значение) заставит его использовать запрос POST:

<a href="no-script.php" class="something">Click!</a>

$(document).ready(function() {
    $('a.something').click(function(e) {
        //prevent the href from being followed
        e.preventDefault();

        //inject div.classname with the output of send.php
        $('div.classname').load('send.php', {param1: 'foo', param2: 'blah'});
    });
});

Если вам не нужно, чтобы это был POST, вы можете просто добавить свои параметры в виде строки запроса:

$('div.classname').load('send.php?param1=' + param1 + '&param2=' + param2);

Answer 2

Абсолютно! Посмотрите на этот пост, чтобы узнать, как использовать функциональность jQuery ajax. Затем вы захотите позвонить

$.(".classname").append("Whatever results you get");

Заполнить раздел.

Удачи!

Answer 3

<a href="#">click</a>

<script>
    $(function() {
      $("#refresh").click(function(evt) {
         $("#classname").load("send.php?data=someData")
         evt.preventDefault();
      })
    })
</script>


<div id="classname">

</div>

Некоторая документация для чтения:

1. http://docs.jquery.com/Ajax/jQuery.post

   • http://docs.jquery.com/Ajax/load