использование ajax для изменения содержимого на другой странице

Question

это вопрос новичка. Как вы используете AJAX для изменения содержимого на другой странице?

Например, у меня есть два элемента div для меню, а другой для содержимого.

Меню вызывается через ajax, поэтому список меню находится в промежутке. Затем я хочу, чтобы меню изменило содержимое страницы с помощью ajax, но диапазон не находится на странице меню.

Как мне этого добиться?

Answer 1

Простым способом реализации этого сценария было бы использование функций jQuery AJAX для манипулирования вашим HTML.

Во-первых, вы должны загрузить HTML своего меню, используя функцию $.get.Затем, в функции обратного вызова для $.get (которая запускается после загрузки HTML-кода меню), мы даем меню некоторое действие, которое обновляет область содержимого с помощью другого запроса AJAX:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $.get('/url/that/returns/menu', function(returnedHTML){

        // load the #menu div with the 
        // HTML from the AJAX request
        $("#menu").html(returnedHTML);

        // make the menu links update the content area
        $("#menu li a").click(function(){

            // use the href of the menu link 
            // as the content URL
            $.get($(this).attr('href'), function(returnedHTML){

                // load the #content div with the 
                // HTML from the AJAX request
                $("#content").html(returnedHTML);
            });

            // prevent actual link click
            return false;
        });
    });

});
</script>