3

在我的页面中，我有一些输入供用户输入值，然后我将获取所有值并将它们发送到服务器。现在我可以获取值并如下所示显示它们：

Cylinder: 0.00    Sphere: 0.00    Quantity:1
Cylinder: -0.25    Sphere: 0.00    Quantity:2
Cylinder: -0.50    Sphere: 0.00    Quantity:33
Cylinder: -0.75    Sphere: 0.00    Quantity:2
Cylinder: -1.00    Sphere: 0.00    Quantity:2
Cylinder: -1.25    Sphere: 0.00    Quantity:33
Cylinder: -1.50    Sphere: 0.00    Quantity:4
Cylinder: -1.75    Sphere: 0.00    Quantity:5
Cylinder: -2.00    Sphere: 0.00    Quantity:4

但我不知道如何让他们采取行动进行保存。我正在使用mvc。

在视图中，我编写了以下 JavaScript：

 var orderModel={};
 $(".bulkOrderNumericInput").each(function (index,element) {
        if ($(this).val().length!=0) {
            orderModel[i]={Cylinder:$(this).attr('valuex'),Sphere:$(this).attr('valuey'),Quantity:$(this).val()};
            i++;
        }
    });

谁能帮我？

4

2 回答 2

4 
 var orderModel = [];
//loop all the inputs in the page to get values, let's say you give all the inputs a class named'.orderinput'
$('#checkout').click(function(){
    $(".orderinput").each(function(){
    orderModel.push({Cylinder:$(this).val(),Sphere:blah,Quantity:blah,...);
    });
  });

//not all values are sotred into the orderModel, the do the post
$.ajax({
        url: 'your url',
        data:JSON.stringify(orderModel),
        type: 'POST',
        contentType: 'application/json; charset=utf-8',//this is important!!
        success : function(msg) {
            //blah..
        },
        error: function (xhr, ajaxOptions, thrownError) {
            //blah...
        }
    });
于 2013-02-25T08:24:09.997 回答
2

我使用了以下教程，我在这个SO 问题中找到了这个教程来写这个答案。虽然此代码尚未经过测试，但希望它能让您走上正轨。如果您还有其他问题，请随时提出。

在 javascript中填充orderModel数组后，您剩下的就是使用 jquery 发布该数据。jquery 对象包含一个ajax方法（文档），可以让您方便地做到这一点。下面的代码放在您的 javascript 代码的末尾应该可以解决问题：

$.ajax({
    type: 'POST',
    traditional: true,
    data: { models: orderModel }
});

请注意，此 ajax 调用将在显示页面的 URL 上执行。要选择不同的 URL，请使用以下代码：

$.ajax(URL, { /* same data as above */ });

在服务器端，根据教程，您应该有一个包含models属性的类定义。该属性将填充您在脚本中收集的 javascript 数组数据。

圣诞节快乐！

于 2012-12-25T08:04:32.570 回答