MVC Web Api通过Ajax获取数据

Question

我试图从数据库中获取所有帖子，并在ajax或getjson的帮助下显示，但无法使其正常工作。使用mvc web api，我有一个视图，我想要显示它。有一种方法工作称为邮政，所以没有错我的路由等

代码为我的意见js脚本，我想显示所有职位的帮助我的mvc api控制器和ajax在一个名为#userMessage的div。

$(document).ready(function() { 

    $('#btnGetPosts').click(function() { 
     jQuery.support.cors = true; 
     var recieverID = $('#RecieverID').val(); 

     $.ajax({ 
      url: "/api/Posts/GetPosts" , 
      //data: (?) 
      type: "GET", 
      dataType: "jsonp", 
      error: function(request, status, error) { 
       alert(request.responseText); 
      }, 
      success: function(data) { 
       alert(data); 
      } 
     }); 
    }); 
}); 

我控制器的方法来获取所有帖子

 // GET: api/Posts 
     public IEnumerable<Post> GetPosts() 
     { 

//querystring is made to get the recieverID, it's also reachable in the view.  //("#RecieverID") 
      string querystring = HttpContext.Current.Request.QueryString["Username"]; 



      // Converts Username querystring to a user-id 
      int id = UserRepository.GetUserId(querystring); 

      // uses linq to get a specific user post (all posts) 
      var userPost = PostRepository.GetSpecificUserPosts(id); 

      return userPost; 
     } 

我PostRepository.GetSpecifiedUserPosts方法在我的仓库

public List<Post> GetSpecificUserPosts(int user) 
    { 
     using (var context = new DejtingEntities()) 
     { 
      var result = context.Posts 
       .Where(x => x.RecieverID == user) 
       .OrderByDescending(x => x.Date) 


       .ToList(); 

      return result; 
     } 

Answer 1

你用错误的URL。尝试发送ajax请求到'/api/Posts'。

此外，您可以将路由属性添加到动作[Route('/api/Posts/GetPosts')]并发送请求到'/api/Posts/GetPosts'。

参见Calling the Web API with Javascript and jQuery和Routing in ASP.NET Web API。

Answer 2

试试这个

$(document).ready(function() {  
    $('#btnGetPosts').click(function() { 
     jQuery.support.cors = true; 
     var recieverID = $('#RecieverID').val(); 

     $.ajax({ 
      url: "/api/Posts/Posts" , 
      data: { 
       username: recieverID 
      }, 
      type: "GET", 
      dataType: "jsonp", 
      error: function(request, status, error) { 
       alert(request.responseText); 
      }, 
      success: function(data) { 
       alert(data); 
      } 
     }); 
    }); 
}); 

，并在后面的代码，

public IEnumerable<Post> GetPosts(string username) 
{ 
    // Converts Username querystring to a user-id 
    int id = UserRepository.GetUserId(username); 

    // uses linq to get a specific user post (all posts) 
    var userPost = PostRepository.GetSpecificUserPosts(id); 

    return userPost; 
}