ASP.NET MVC使用Ajax的辅助的解决方法

2019-05-20 13:12:13王旭

  <script type="text/javascript">
    function searchFailed() {
      $("#searchresults").html("对不起,查询有问题");
    }
  </script>
  (3)如果服务器代码返回一个错误,就意味着AJAX辅助方法都执行失败了,此时,你可能想捕获OnFailure事件,如果用户单击”search”按钮而页面没有反应,我们可能就会感到困惑,跟前面代码所做的一样,可以显示一个错误提示信息,至少让他们知道我们已经尽力了。
  (4)辅助方法BeginForm的输出类似于辅助方法ActionLink,最后,当用户单击提交按钮提交表单的时候,服务器会接受到一个Ajax请求,并可能以任意格式的内容作出响应,当客户端收到来自服务器端的响应时,非侵入式脚本就会将相应的内容放入Dom中。
  (5)对于这个例子,控制器操作需要查询数据库并且渲染一个分部视图,此外,操作还要返回纯文本,但同时又想把艺术家放到一个列表中,因此,在HomeControler中写入如下的方法代码:

 public ActionResult ArtistSearch(string q)
   {
     var artists = GetArtists(q);
     return PartialView(artists);
   }

   private List<Artist> GetArtists(string q)
   {
     return storeDB.Artists.Where(a => a.Name.Contains(q)).ToList();
   }

  (6)该分部视图利用模型构建列表,它位于项目的Views/Home文件夹下的视图ArtistSearch.cshtml。


@model IEnumerable<MvcMusicStore.Models.Artist>
   @{
     Layout = null;
   }
   <!DOCTYPE html>
   <html>
     <head>
     <title>ArtistSearch</title>
     </head>
     <body>
       <div id="searchresults">
         <ul>
           @foreach (var item in Model)
             {
               <li>@item.Name</li>
             }
         </ul>
       </div>
     </body>
   </html>

5.web.config文件里的AJAX设置
  (1)默认情况下,非侵入式JavaScript和客户端验证在ASP.NET MVC应用程序中是启用的,然后,我们可以通过web.config文件中的设置改变这些行为,如果打开新应用程序根目录下的web.config文件,就会看到下面的appSettings配置节点:
  <appSettings>
    <add key="webpages:Version" value="1.0.0.0"/>
    <add key="ClientValidationEnabled" value="true"/>
    <add key="UnobtrusiveJavaScriptEnabled" value="true"/>