加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ruby-on-rails – 如何将javascript对象的javascript值传递给rub

发布时间:2020-12-17 03:04:33 所属栏目:百科 来源:网络整理
导读:我有一个任务要在轨道上使用 ruby做knockout.js.我想将 javascript值发送给控制器. 我的index.html.erb是 %= javascript_include_tag "knockout-2.2.0","country-state" %table thead tr thCountry/th thState/th th /th /tr /thead tbody data-bind='foreac
我有一个任务要在轨道上使用 ruby做knockout.js.我想将 javascript值发送给控制器.
我的index.html.erb是

<%= javascript_include_tag "knockout-2.2.0","country-state" %>
<table>
    <thead>
        <tr>
            <th>Country</th>
            <th>State</th> 
            <th> </th>
        </tr>
    </thead>
    <tbody data-bind='foreach: lines'>
        <tr>
            <td>
                <select data-bind='options: sampleProductCategories,optionsText: "country",optionsCaption: "Select...",value: category'> </select>
            </td>
            <td data-bind="with: category">
                <select data-bind='options: products,value: $parent.product'> </select>
            </td>



            <td>
                <a href='#' data-bind='click: $parent.removeLine'>Remove</a>
            </td>
        </tr>
    </tbody>
</table>

<button data-bind='click: addLine'>Add</button>
<button data-bind='click: save'>Submit</button>

<script>
$(document).ready(function() {
function formatCurrency(value) {
    return "$" + value.toFixed(2);
}

var CartLine = function() {
    var self = this;
    self.category = ko.observable();
    self.product = ko.observable();

    self.subtotal = ko.computed(function() {
        return self.product() ? self.product().price * parseInt("0" + self.quantity(),10) : 0;
    });

    // Whenever the category changes,reset the product selection
    self.category.subscribe(function() {
        self.product(undefined);
    });
};

var Cart = function() {
    // Stores an array of lines,and from these,can work out the grandTotal
    var self = this;
    self.lines = ko.observableArray([new CartLine()]); // Put one line in by default
    self.grandTotal = ko.computed(function() {
        var total = 0;
        $.each(self.lines(),function() { total += this.subtotal() })
        return total;
    });

    // Operations
    self.addLine = function() { self.lines.push(new CartLine()) };
    self.removeLine = function(line) { self.lines.remove(line) };
    self.save = function() {
        var dataToSave = $.map(self.lines(),function(line) {
            return line.product() ? {
                state: line.product().country
            } : undefined
        });
        alert("Could now send this to server: " + JSON.stringify(dataToSave));
        $.ajax({
    url: '/employees/<%=@employee.id%>',dataType: 'json',async: false,method:'PUT',data:dataToSave,success: function(data) {

    }
    });
    };
};

ko.applyBindings(new Cart());
});
</script>

它在终端显示如

Started GET "/employees/1?undefined=undefined" for 127.0.0.1 at Mon Jan 21 13:36:15 +0530 2013
Processing by EmployeesController#show as JSON
  Parameters: {"id"=>"1","undefined"=>"undefined"}

如何将选定的州和国家作为json对象发送到控制器?

解决方法

试试吧.

$.ajax({
      url:'/employees/<%=@employee.id%>',data: { passval: dataToSave},success: function(msg) 
           { 

           }
       });

你可以使用ajax页面中的变量passval来检索dataTosave的值,变量msg将返回ajax的响应.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读