2012-03-06 123 views
0

我創建了一個訂單,其中有一大堆字段。我現在添加優惠券功能,以便我們可以開始給客戶折扣代碼等。Ajax單場提交形式

什麼是在單擊「應用優惠券」按鈕後使用ajax提交單個字段(優惠券代碼)的最佳方式價格可以在前端更新,可能使用UJS(?) - 顯然最終的價格計算會發生在後端?

乾杯。

回答

1

我會推薦使用JS框架來做Ajax請求。如果您使用JQuery,那麼您可以使用給出的示例來了解如何執行simple post

<!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> 
+0

在Rails中沒有link_to(帶有後參數)等價物嗎? – Elliot 2012-03-06 14:19:54