2016-06-17 2 views
0

Я использую Node.js + Express.js для создания очень простой поисковой системы для базы данных библиотеки. У моего HTML есть форма POST, которая отправляет либо название, либо ключевое слово в приложение, чтобы запросить базу данных MySQL для книги/книг. Поиск по названию работает отлично, но ключевое слово дает мне трудное время. Смотри ниже.HTML POST Request не отправляет все данные

HTML

<form id="searchForm" action="" method="post"> 

     <select class="form-control" id="searchType"> 
      <option class="" value="0">Search by title</option> 
      <option class="" value="1">Search by keyword</option> 
     </select> 

     <select class="form-control" id="titles" name="titles"> 
      <% for (var title in titles) {;%> 

      <option class=""><%=titles[title].TITLE%></option> 

      <% }; %> 
     </select> 

     <textarea class="form-control" name="keyword" contenteditable="false" id="keyword" placeholder="Enter keyword here..."></textarea> <!-- placeholder is only supported in a few browesers 
                                      (Firefox 3.7+, Chrome, Safari, IE 10). Could use 
                                      jQuery but ah--> 
     <input class="btn btn-default" type="submit" value="Search"></input> 
    </form> <!-- /searchForm --> 

Экспресс-код

app.post('/getBooksByTitle', function (req, res) { 
    connection.getConnection(function(err, tempCon) { 
     if (err) { 
      tempCon.release(); 
      console.log('ERROR IN SQL CONNECTION!'); 
     } 
     else { 
      console.log('CONNECTED TO SQL'); 
      tempCon.query('SELECT * FROM BOOKS WHERE TITLE=?', req.body.titles, function(err, rows) { 
       if (err) { 
        console.log('BAD QUERY'); 
       } 
       else { 
        console.log(req.body.titles); 
        res.json(rows); 
       } 
       tempCon.release(); 
      }); 
     } 
    }); 
}); 
app.post('/getBooksByKeyword', function (req, res) { 
    connection.getConnection(function(err, tempCon) { 
     if (err) { 
      tempCon.release(); 
      console.log('ERROR IN SQL CONNECTION!'); 
     } 
     else { 
      console.log('CONNECTED TO SQL'); 
      tempCon.query('SELECT * FROM BOOKS WHERE (AUTHOR LIKE ? || TITLE LIKE ? || GENRE LIKE ? || DESCRIPTION LIKE ?)', '%' + req.body.keyword + '%', function(err, rows) { 
       if (err) { 
        console.log('BAD QUERY'); 
        console.log(req.body); 
       } 
       else { 
        res.json(rows); 
        console.log(req.body.keyword); 
       } 
       tempCon.release(); 
      }); 
     } 
    }); 
}); 

Я потянув данные формы узел с req.body.(field_name), но это, кажется, не собираются текстовое поле. Если я console.log(req.body), я вижу только поле заголовка. Где я перепутался?

EDIT: сценарий jQuery, который обрабатывает действие и некоторые анимации.

$(document).ready(function() { 
    toggleFields(); //call this first so we start out with the correct visibility depending on the selected form values 
    //this will call our toggleFields function every time the selection value of our searchType field changes 
    $("#searchType").change(function() { 
     toggleFields(); 
    }); 

}); 
//this toggles the visibility of our input fields depending on the current selected value of the searchType field. 
//also it toggles the action of the submit form to the appropriete post call. 
function toggleFields() { 
    if ($("#searchType").val() == 0) { 
     $("#searchForm").attr('action', '/getBooksByTitle'); 
     $("#titles").slideDown(); 
     $("#keyword").slideUp(); 
    } 
    else { 
     $("#searchForm").attr('action', '/getBooksByKeyword'); 
     $("#titles").slideUp(); 
     $("#keyword").slideDown(); 
    } 
} 
+0

Проверьте вкладку сети devtools, отправленные данные? – Jeff

+0

@Jeff При проверке вкладки Net в firebug отображается только поле заголовка. – Akaitenshi

+0

Вы хотите, чтобы ваш html отправлял данные на оба этих маршрута ?! – Elyas74

ответ

0

Спасибо за помощь, которую вы пытались предоставить. Я исправил проблему, изменив поле <textarea> на поле <input>. Теперь сообщение отправляет мой заголовок и ключевое слово обратно на сервер.

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