2015-03-10 5 views
0

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

У меня есть база данных под названием Storage с таблицей с именем products, эта таблица содержит 20 строк продуктов со следующими полями (имя, описание, цена, количество).

в моем javascript-коде, я использую XMLHttpRequest, чтобы спросить сервер об этой информации, сервер (Java-сервлет) выполняет запрос «SELECT * FROM products», чтобы получить все значения и сохранить их в переменной на стороне сервера

Мой вопрос: как я могу получить эти данные из сервлета Java, отправить его в свой код javascript (на стороне клиента) и создать таблицу с этими значениями.

Это моя попытка создать таблицу на стороне клиента, чтобы добавить значения.

`function generateTable() 
{ 
    table.style.border = "1"; 
    table.style.borderColor = "red"; 
    table.style.alignment = "center"; 

    for (int i=0; i<10; i++) 
    { 
     table.insertRow(); 

     for(int j = 0; j<4; j++) 
     { 
      table.rows[i].insertCell(); 
     } 
    } 

    table.style.display = "block"; 
    document.body.appendChild(table); 
}` 

Примечания: Мне нужно использовать необработанные Javascript, Java и, при необходимости, AngularJS.

+0

When вы получаете результаты со сценария на стороне сервера, т. е. статус возврата XMLHttpRequest «ok», анализирует данные и добавляет их в HTML с помощью javascript. Однако ваш вопрос слишком общий. Будьте немного конкретны :) –

+0

Добро пожаловать в SO. к сожалению, мы не являемся библиотекой скриптов. Мы предоставляем помощь пользователям, у которых есть часть собственного кода, которая работает некорректно и хочет, чтобы мы помогли им в этом, или столкнулись с причудой или странным поведением во время кодирования и хотели бы получить объяснение. Подробнее здесь: http://stackoverflow.com/help/asking – Mouser

+0

У нас действительно недостаточно информации, чтобы эффективно отвечать на ваши вопросы. Похоже, вы нуждаетесь в трех частях, чтобы сделать эту работу, и у вас ее есть. А именно: вам нужна база данных для получения вашей информации, которая у вас есть. Вам нужен бэкэнд-API, который будет служить вашему запросу, когда он получит XMLHttpRequest, которого у вас нет. И вам нужен интерфейсный интерфейс для его получения, которого у вас нет. Похоже, большая задача. Я бы рекомендовал вам решить одну из этих проблем и задать вопросы, если вы застряли. –

ответ

0

Если вы хотите вставить строку в таблицу, и вы хотите использовать способ AJAX. AJAX - это когда вы не обновляете страницу, только JavaScript общается в фоновом режиме.

  1. пост-сообщение АЯКС на сервлет
  2. реализовать метод doPost() и возвращает значение Stirng, это может быть JSON
  3. осуществить обратный вызов Javascript, где АЯКС заполненный
Смежные вопросы