Как добавить элементы без перезагрузки страницы

Question

Я создаю представление по модели Артикул.

class Article
{
  public string Title {get;set;}
  public List<string> Terms {get;set}
}

Термины - могут быть любыми, и я хочу, чтобы их можно было постепенно добавлять

@using (Html.BeginForm("Create"))
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>CreateArticle</legend>
        <div class="editor-label">
            @Html.LabelFor(model => model.Title)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Title)
            @Html.ValidationMessageFor(model => model.Title)
        </div>
        <div class="editor-label">
            Terms:
        </div>
        <div id="divList">
        </div>
@using (Ajax.BeginForm("Update", new AjaxOptions() { Confirm = "Add", HttpMethod = "Post", UpdateTargetId = "divList", InsertionMode = InsertionMode.InsertAfter }))
            {
                @Html.Partial("_TermPP", "")
                <input id="count" name="count" type="hidden" value="-1" />
                <input type="submit" value="add" onclick="javascript:plus()" />
            }

</fieldset>
}

_TermPP:

@model String

<div>
<input type="text" name="terms[@(ViewBag.Count==null?0:ViewBag.Count)]" value="@(Model == null ? "" : Model)" /> </div>

, когда щелчок отправляется в форму ADD, но мне нужно создать обновление.Как это сделать?

Answer 1

Вы можете взглянуть на следующую запись в блоге . Также обратите внимание, что вы не можете вложить 2 <form> элемента, как вы это делали в своем коде - это недопустимый HTML и может привести к неопределенному поведению.