0

我有点迷路了，而且时间真的很短。
我需要创建类似这个脚本的东西

   $(function () {
            var i = 0;
            $('#addButton').click(function () {
                $('#form1').append
                
                ('<div  class="clearfix">Ingredient Item <div id="editor2"><input style="float:left;"  type="text" name="Ingredient[' + i + '].IngredientItem"/></div><div id="editor3"> Item Amount<input style="float:left;" type="text" name="Ingredient[' + i + '].ItemAmount"/></div>');
                //Dif table..
                ('<div  class="clearfix1">Instructions <div id="editor3"><input style="float:left;"  type="text" name="Instructions[' + i + '].IntrusionStep"/></div><div id="editor4"> Cooking Time<input style="float:left;" type="text" name="Instructions[' + i + '].CookingTime"/></div>');
           //& one more diff table here 
                i++;
            });
        });

我知道这不是一个好方法，而且远非最佳实践，我没有找到任何使用更好方法的示例（就 JavaScript 或任何脚本编写而言，我完全是新手）。

4

1 回答 1

4

我所理解的是，您需要从 java 脚本代码中发布您的表单。您可以在此处使用 jQuery post 或 ajax post 方法。

$.ajax({
  url: '<%=Url.Action("Create","YourController") %>',
  type: 'post',
  data: $(form).serialize(),
  datatype: 'json',
  success: function (result) {
    // Handle code for success post
   },
  error : function (result) {
   // Error condition
   }
});

现在相应地使您的控制器操作以将 json 值返回到视图中的 java-script 代码

于 2013-05-13T09:42:26.767 回答