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 ポストまたは ajax ポスト メソッドを利用できます。

$.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 スクリプト コードに戻します。

于 2013-05-13T09:42:26.767 に答える