Запрос простейшего учебника по jquery-ajax - PullRequest
Новая
       1

Запрос простейшего учебника по jquery-ajax

1 голос
/ 05 августа 2011

Я немного новичок в ajax и пытаюсь понять, как он работает с jQuery.

Я ищу пример для простейшего учебника , просто чтобы понять, с чего начать.

Допустим, что при загрузке страницы я хочу, чтобы сервер (PHP) вставил в тег body слова "Hello world"

Как мне это сделать? (в html и в файле на стороне сервера)

Ответы [ 3 ]

3 голосов
/ 05 августа 2011

Предлагаю вам взглянуть на документацию jQuery. Документация для load содержит пример: 

$('#result').load('ajax/test.html');

, который загружает содержимое ajax/test.html и отображает его в элементе с идентификатором result

Затем мы можем имитировать его и вызывать функцию load внутри функции ready, которая выполняется после загрузки страницы. Мы используем селектор body, чтобы выбрать элемент (ы) тела, и даем команду заменить содержимое элемента (элементов) на содержимое ajax.php

$(document).ready(function() {
  $('body').load('ajax.php');
});
1 голос
/ 05 августа 2011

ОК в вашем HTML: 

<!DOCTYPE html>  
<html lang="en">  
<body>

    <div id="my_content">Nothing here yet</div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    
    <script>

        // When jQuery is ready
        $(function(){

            // Get the contents of my_page.php
            $.get("/my_page.php", function(data){

                // When the contents of my_page.php has been 'got' 
                // load it into the div with the ID 'my_content'
                $("#my_content").html(data);

            });

        });

    </script>
</body>
</html>

Тогда в вашем my_page.php PHP-файле: 

<?

    // This is what jQuery will get
    echo "Something is here now!";

?>
0 голосов
/ 05 августа 2011

index.html 

<script>
$(document).ready(function() {
  $('#body').load('ajax.php');
});
</script>
<div id="body"></div>

ajax.php 

<?php
    echo "Hello, World!";
?>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...