ASP.NET MVC ActionResult POST 不提交

Question

所以我是一个非常新的 ASP.NET MVC，几个月前我介绍了 ASP.NET，不幸的是几乎忘记了所有内容:(

我的任务是向页面添加一个查找按钮，该按钮从文本框中接收用户名并验证该用户名是否有效。

我花了好几个小时试图让它工作。不幸的是，我真正需要做的是坐下来几个星期，重新自学并学习 javascript、jquery、asp.net mvc。我将学习这一切，但这个任务很小而且很具体，需要花费数周时间学习语言和框架才能开始解决问题。

这是我现在的位置：

控制器结构：

public class NewUserRequestController : Controller
{
    // GET: NewUserRequest
    public ActionResult Index()
    {
        return View(new NewUserRequest());
    }

    [HttpPost]
    [ValidateAntiForgeryToken()]
    public ActionResult LookupLDN(ITFormsLibrary.NewUserRequest req)
    {
        //Code that Verifies user etc
        return View(req);
    }

    [HttpPost]
    [ValidateAntiForgeryToken()]
    public ActionResult Submit(ITFormsLibrary.NewUserRequest req)
    {
            //Code that handles submission validation & errorvalidation 
            return View("Index", req);
    }
}

现在在视图中，我尝试过搞砸：

@using((Ajax.BeginForm("LookupLDN", "NewUserRequest", FormMethod.Post, new AjaxOptions { UpdateTargetId = "NewUserIfo"}, new { @class = "form-inline", role = "form" }))

只是发现我不能嵌套表单。

我试过了：

@Ajax.ActionLink("Lookup", "LookupLDN", "NewUserRequest", new { Model},null, new { @class = "form-inline", role = "form" })

和

@HTML.ActionLink("Lookup", "LookupLDN", "NewUserRequest", new { Model})

由于某种原因，两者都返回 404。

我也试过了：

<input type="button" value="Lookup" onclick="return lookupLDN()"/>

但是，我不知道如何构造一个 javascript 语句来处理异步 POST？ - 我应该尝试发布吗？

如果你们中的任何人了解我想要完成的工作并能提供帮助，我将不胜感激。谢谢！

Answer 1

JSON 怎么样。

已编辑 根据汤米的评论。使用 POST 而不是 GET。

它应该是一个 POST 方法，因为您正在向服务器发送数据 并要求它对该数据采取行动（POST），而不仅仅是询问 服务器在不发送任何内容的情况下向我们提供信息（GET）。 使用 POST，您可以围绕 CSRF 令牌添加检查，不必担心 关于 Googlebot 做了不该做的事情，等等。

HTML（视图）

 <input type="button" id="btnLookupUser" value="Lookup" />

JAVASCRIPT

$(document).ready(function () {
 $('#btnLookupUser').click(function () {
        var vUsername= $('#txtUserName').val();

        if (vUsername.trim() == '') {
            return;
        }
        else
        {
       //URL to your JSON method. (here I suppose you have a LookupUser action method. Change application path the way it works for you.)
         $.ajax({
        url: applicationPath + '/LookupUser',
        type: 'POST',
        dataType: 'json',
        data: { userName: encodeURIComponent(vUsername.trim()), 
        cache: false,
        success: function (result) {

           //Do your logic based on the result.
            switch (result) {
            case true:

                break;
            default:
                break;

            }
        },
         error: function (xhr, ajaxOptions, thrownError) {
         alert(xhr.status);
         alert(thrownError);
    })

    });
});

控制器

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult LookupUser(string userName)
{ 
    //Your logic
    return Json("Whether is valid or not"); //You can as well deny GET   here.
}