Ajax Single Field Представление в форме - PullRequest
0 голосов
/ 06 марта 2012

Я создал форму заказа, в которой есть большой массив полей. Сейчас я добавляю функцию купона, чтобы мы могли начать предоставлять клиентам коды скидок и т. Д.

Каков наилучший способ отправки отдельного поля (кода купона) с помощью ajax после нажатия кнопки «применить купон», чтобы можно было обновить цену на внешнем интерфейсе, вероятно, с помощью UJS (?) - очевидно, окончательный вариант расчет цены произойдет на бэкэнде?

Приветствие.

1 Ответ

1 голос
/ 06 марта 2012

Я бы порекомендовал использовать JS-фреймворк для выполнения Ajax-запросов.Если вы JQuery, то вы можете использовать приведенный пример, чтобы понять, как сделать простой пост .

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <form action="/" id="searchForm">
   <input type="text" name="s" placeholder="Search..." />
   <input type="submit" value="Search" />
  </form>
  <!-- the result of the search will be rendered inside this div -->
  <div id="result"></div>

<script>
  /* attach a submit handler to the form */
  $("#searchForm").submit(function(event) {

    /* stop form from submitting normally */
    event.preventDefault(); 

    /* get some values from elements on the page: */
    var $form = $( this ),
        term = $form.find( 'input[name="s"]' ).val(),
        url = $form.attr( 'action' );

    /* Send the data using post and put the results in a div */
    $.post( url, { s: term },
      function( data ) {
          var content = $( data ).find( '#content' );
          $( "#result" ).empty().append( content );
      }
    );
  });
</script>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...