首頁(yè) 猿問(wèn) 在ASP.NETMVC 3...

在ASP.NETMVC 3 Razor中使用Ajax.BeginForm

.NET JavaScript

桃花長(zhǎng)相依 2019-06-15 17:27:49

在ASP.NETMVC 3 Razor中使用Ajax.BeginForm是否有教程或代碼示例使用Ajax.BeginForm在ASP.NETMVC 3中，是否存在不引人注目的驗(yàn)證和Ajax？對(duì)于MVC 3來(lái)說(shuō)，這是一個(gè)難以捉摸的話(huà)題，而且我似乎無(wú)法使我的表單正常工作。它將執(zhí)行Ajax提交，但忽略驗(yàn)證錯(cuò)誤。

查看完整描述

3 回答

慕工程0101907

TA貢獻(xiàn)1887條經(jīng)驗(yàn) 獲得超5個(gè)贊

我認(rèn)為所有的答案都遺漏了一個(gè)關(guān)鍵點(diǎn)：

如果使用Ajax表單以使其需要更新自身(而不是表單之外的另一個(gè)div)，則需要將包含的div放在外表格的。例如：

 <div id="target">
 @using (Ajax.BeginForm("MyAction", "MyController",
            new AjaxOptions
            {
                HttpMethod = "POST",
                InsertionMode = InsertionMode.Replace,
                UpdateTargetId = "target"
            }))
 {
      <!-- whatever -->
 }
 </div>

否則，您將像@david一樣結(jié)束，結(jié)果將顯示在一個(gè)新頁(yè)面中。

反對(duì) 回復(fù) 2019-06-15

縹緲止盈

TA貢獻(xiàn)2041條經(jīng)驗(yàn) 獲得超4個(gè)贊

我最終得到了Darin的解決方案，但首先犯了幾個(gè)錯(cuò)誤，這導(dǎo)致了一個(gè)類(lèi)似David的問(wèn)題(在Darin的解決方案下面的注釋中)，結(jié)果是發(fā)布到一個(gè)新頁(yè)面。

因?yàn)樵诜祷卦摲椒ê螅冶仨殞?duì)表單做一些操作，所以我將其存儲(chǔ)起來(lái)供以后使用：

var form = $(this);

但是，這個(gè)變量沒(méi)有Ajax調(diào)用中使用的“action”或“method”屬性。

$(document).on("submit", "form", function (event) {
    var form = $(this);

    if (form.valid()) {
        $.ajax({
            url: form.action, // Not available to 'form' variable
            type: form.method,  // Not available to 'form' variable
            data: form.serialize(),
            success: function (html) {
                // Do something with the returned html.
            }
        });
    }

    event.preventDefault();});

相反，您需要使用“this”變量：

$.ajax({
    url: this.action, 
    type: this.method,
    data: $(this).serialize(),
    success: function (html) {
        // Do something with the returned html.
    }});

反對(duì) 回復(fù) 2019-06-15