Как я могу загрузить внешнюю страницу в Div с помощью JQuery?

Question

У меня есть меню с 3 ссылками, когда пользователь нажимает на ссылку меню, я хочу, чтобы страница загружалась в div на той же странице, используя jquery, я использую php и mysql!

спасибо!

Answer 1

http://api.jquery.com/load/

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

Answer 2

$('#local_container').load('external/file.php #external_container');

http://api.jquery.com/load/

Answer 3

Вы можете использовать ajax для сбора информации из базы данных mysql.

$.ajax({
  type: 'post',
  url: 'getnames.php',
  datatype: "json",
  success: function(data) {
    $('#id_of_the_div').text("");
    $('#id_of_the_div').append(data.returned);
  }
});

в файле php:

//..
// commands that run mysql queries and gather information from database
//..
//..
//..
// you store what you've got from the database in a $ret variable and then:
// $ret can be for example:
// $ret = "<table><tr><td>Peter</td><td>40</td></tr></table>";

$arr = Array("returned"=>$ret);
echo json_encode($arr);

Конечно, это всего лишь пример из нескольких способов, которыми вы можетеиспользовать.Я использовал запрос AJAX и JSON ...

Answer 4

Расширена из примера @ jAndy:

Markup:

<a href="/foo/bar.html" id="baz">Load external html</a>
<div id="result"></div>

JavaScript

$('#baz').click(function () { $('#result').load(this.href); });

Answer 5

Я предлагаю вам прочитать некоторые документы @ jQuery .

Кстати, это может быть ваш ответ:

$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});

Answer 6

Посмотрите на функцию jQuery.get () .