jQuery技术:MVC 3 Razor – 在Ajax请求中访问ViewData(Jquery,JavaScript)

我正在编写一些代码,用户可以在提交表单之前检查数据库中是否已存在用户名。 这适用于onkeyup事件处理程序,它从文本框中获取值并将其传递给ajax请求,该请求使用字符串参数调用我的ActionResult方法。 我的SQL逻辑工作正常,我收到一个已经存在或不存在的值。

我的问题来自我的控制器,我想返回值。 在我的Jquery Ajax请求的成功部分,我试图访问我的ViewData [“索引名称”]但我的警报显示一个空字符串。

Javascript代码:

function searchUsername() { var filters = getFilterVals(); $.ajax({ url: '@Url.Action("UsernameSearch", "UserManager")', type: "POST", async: true, dataType: "text", data: "username=" + filters.username, success: function () { var str = '@ViewData["UserName"]'; alert(str); $('#txtUsernameExists').val(str); configureGui(); jQueryTableStyling(); }, error: function (data) { } }); } function getFilterVals() { filters = new Object(); filters.username = $('#createuser-usernamesearch #user_name').val(); return filters; } 

C#控制器代码:

 public ActionResult UsernameSearch(string username) { string output = DAL.usernameSearch(username); ViewData["Username"] = output; return PartialView("~/Views/Partial/_txtUsernameSearch.cshtml"); } 

我究竟做错了什么? 欢迎任何建议。

    ASP.NET:

     public JsonResult UsernameSearch(string username) { string output = DAL.usernameSearch(username); return Json(new { Html = PartialView("~/Views/Partial/_txtUsernameSearch.cshtml"), Username = output }); } 

    JS:

     $.ajax({ url: '@Url.Action("UsernameSearch", "UserManager")', type: "POST", async: true, dataType: "json", data: "username=" + filters.username, success: function (data) { var html = data.Html; var str = data.Username; alert(str); $('#txtUsernameExists').val(str); configureGui(); jQueryTableStyling(); }, error: function (data) { } }); 

    试试这个:

    更改:

     ViewData["Username"] = output; 

    为了这:

    需要了解更多jQuery教程分享MVC 3 Razor – 在Ajax请求中访问ViewData(Jquery,JavaScript),都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

     ViewData["UserName"] = output; 

      以上就是jQuery教程分享MVC 3 Razor – 在Ajax请求中访问ViewData(Jquery,JavaScript)相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/981837.html

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐