Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Вывод данных - ajax и бд

Автор: alexey664655 22.8.2018, 13:11

Уважаемые форумчане как организовать форму выборки из БД с последующим выводом AJAX (т.е без перезагрузки страницы)
Подробнее:
Есть БД: (#__dogovor) с номерами договоров (dog _code) и персональными скидками (dog_value).
Как сделать простую форму, где при вводе номера договора и отправке запроса, если он есть в базе, появлялся в отдельном div персональная скидка и номер введенного договора, а если нет в базе то сообщение, что такого договора нет.

Автор: whatisnot 22.8.2018, 16:14

Вам что весь код тут написать, серверный и клиентский?
Это не сложно, зная работу с базой, серверный язык и JS. Подобное описано и не раз в сети, читайте и под себя портируйте примеры, в противном случае, это заказ работы, оплачиваемой естественно.

Автор: alexey664655 22.8.2018, 16:22

Вот мой код, но он не работает.
с выборкой в бд проблем нет, а вот с ajax проблемы

Код


<table>
 <tr>
<td>№ договора</td> 
<td><input type="text" name="name" id="name" /><td>
</tr>
 <tr>
 <td></td>
<td><input type="button" name="submit" id="submit" value="submit" onClick = "getdetails()" /></td>
</tr>
</table>
<div id="msg"></div>

<script>
function getdetails(){
    var name = jQuery('#name').val();
    jQuery.ajax({
        type: 'POST',
        url: 'proverka-dogovora',
        data : {
            'task': "add",    
            'name':name
               },
                
    }).done(function( result )
        {
            $("#msg").html( " Ваша скидка "+result );
        });
}
</script>
-------------------------------------------------------------

 public function add(){
    $name = $_POST['name'];
  // запрос к базе. 
$result = mysql_query();
    }

Автор: whatisnot 22.8.2018, 17:24

Это действительно такой код? Если так, то работать нечему тут.

Во-первых к чему все эти костыли <input type="button" name="submit" id="submit" value="submit" onClick = "getdetails()" />, если есть форма, событие onsubmit которой достаточно обрабатывать?

Код


<form id="search" action="адрес">
<input type="text" name="name" />
<!-- <input type="hidden" name="task" value="add" /> для случая с input type="submit" -->
<button name="task" value="add">Найти</button> <!-- или input type="submit", если нужна отправка по Enter -->
</form>

Код


$(function() {
    $('#search').submit(function(e) {
        e.preventDefault();
        $.ajax({
               type: 'POST',
               url: this.action,
               data: $(this).serialize(),
               success: function(result) {
                    if(result){
                         //..... здесь вызов чего-то отдельного с ответом сервера
                    }
               }
        })
    })
})

Код сервера, если только не сокращение, то вообще полная профанация. Либо вы организовываете диалог клиент-сервер, например, в формате JSON, дабы обрабатывать и ошибки на сервере и прочее, либо всегда ожидаем ответ в формате text или html, который просто выводим. Но в этом случае клиент в стороне, понять ошибка или нет он не сможет, кроме ошибок запроса, если их обрабатывать.

Код


if($data = (int)$_POST['name']) { //коли это номер договора
     //запрос если вернул для WHERE dog _code = $data и т.д.
}