javascript - 使用脚本帮助插入数据库。 (Mvc)

Question

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

   $(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 或任何与此问题有关的脚本而言，我完全是新手)。

Answer 1

我的理解是，您需要从 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
   }
});

现在使您的 Controller 相应地执行操作，将 json 值返回到 View 中的 java 脚本代码