2015-03-27 2 views
-2

Я искал решение написать одну таблицу, которая поступает из запроса в БД в PHP, в DIV, используя JQuery. Я не ищу метод append, который, как я знаю, работает, но с добавлением каждый раз, когда я нажимаю кнопку, которая выполняет запрос, таблица добавляется к документу. Идея состоит не в том, чтобы загружать каждый раз страницу, а с помощью параметра JQuery, чтобы отправить сообщение и вернуть данные. Спасибо.Как написать div с jquery или javascript?

UPDATE

<script> 
var values = {var1: 2, var2:"Hello"}; 
$.get("phpfile.php", values, function(data) { 
    $('#id').append(data); 
}); 

Предположим, что сценарий вызова от "OnClick()"; Я не хочу добавлять каждый раз данные, а просто пишу в div.

+1

'$ ('# divyouwant'). Html (html_of_table)'? –

+0

Если у вас вопрос не о том, как добавлять элементы на страницу, но и как общаться с DB через javascript, тогда вы должны переименовать вопрос. –

+0

$ ('# divyouwant'). Html (html_of_table) должен написать только html/данные, полученные от ответа? –

ответ

3

Если вы мне позвоните, вы просто хотите «обновить» содержимое одного div вместо перезагрузки всей страницы, и это обновление содержит таблицу html ?!

Для этой цели можно использовать .html() функции из JQuery: jQuery html()

Кроме того, вы должны проверить .ajax() функции из JQuery для всех вариантов/параметров: jQuery ajax()

пример кода может выглядеть следующим образом:

$.ajax(
 
        { 
 
         url: "yourfile.php", 
 
         cache: false, 
 
         success: function(htmldata){ 
 
          $("#IdOfYourDiv").html(htmldata); 
 
         }, 
 
         error: function(jqXHR, status, errorThrown){ 
 
          alert("something went wrong"); 
 
         } 
 
        } 
 
       );

Это загрузит данные, возвращаемые, например, через эхо PHP файла yourfile.php, загрузите его во временной переменной htmldata и писать/обновить HTML содержимое YourDivID с недавно возвращенных данных ,

1

1 - на кнопку нажатой, не запрос Ajax GET (см https://stackoverflow.com/a/5942381/1163786)

2 - сервер получает запрос

3 - сервер отправляет ответ JSON или HTML fragement

4a - JSON приходит и вы начинаете зацикливать эти элементы, чтобы построить нужную структуру html, затем вставьте в dom

4b - фрагмент html прибывает, и вы просто вставляете его в нужное положение в dom

Это ваше решение, если вы вернете ответ JSON или ответ HTML.

Для 4а и 4б следующим образом:

Каждая часть этих шагов уже пояснялось на StackOverflow.

Смежные вопросы