将数据发送到WebAPI(C#)GET请求Ajax调用

时间:2017-01-11 02:31:31

标签: javascript c# jquery ajax asp.net-web-api

我想使用html来获取WebApi ReturnValue。 (类型:获取,数据类型:JSONP)

现在当我直接执行WebApi时,它可以获得ReturnValue“2”(表示执行成功)。

但是当通过html + Jquery + ajax,它总是显示错误功能信息。 enter image description here

我如何解决这个问题,谢谢。

------------- code -------------

API模型:

 public class LoginModel
    {
        public int Userno { get; set; }
        public List<Second> LoginSecond { get; set; }
    }
    public class Second
    {
        public string testinfo01 { get; set; }
        public string testinfo02 { get; set; }
        public List<Third> Third { get; set; }
    }

    public class Third
    {
        public string finValue { get; set; }
    }

API控制器:

 [HttpGet]
    public string Get(string id, string id1) //id=Account,id1=password
    {
        string conn = ConfigurationManager.ConnectionStrings["testconn"].ConnectionString;
        string Dictionary = Login.Login(id, id1).ToString();
        return Dictionary;
    }

HTML:

<div class="form" id="form"> 
    <form class="login-form" method="get">
    <input type="text" id="inpAcc" placeholder="Acc"/>
    <input type="password" id="inpPwd" placeholder="pwd"/>
    <input id="loginbtn" type="button" value="login"></input>
    <input id="data" type="label" />
  </form>
</div>

jquery + ajax:

<script type="text/javascript" >
    $(document).ready(function() {
          $(document).on('click', '#loginbtn',function(){
                var username = $("input#inpAcc").val();
                var password = $("input#inpPwd").val(); 
                alert(username);
                var APIurl = "localhost:10733/Api/Login/";
              $.ajax({
                  type: "get",
                  dataType: 'jsonp',
                  username:username,
                  password:password,
                  url: APIurl +"/"+username+"/"+password,
                  async: false,
                  headers: { "cache-control": "no-cache" },
                  contentType: 'application/json; charset=utf-8',

               data :function (data)
               {
                var returnvalue = data[0].request();
                console.log(data.stat);
                console.log(data.status);
                console.log(data.message);
                console.log(data.html);
                alert(returnvalue);
               },
              error: function(request, status, error) {

                console.log(request.stat);
                console.log(request.status);
                console.log(request.message);
                console.log(request.html);
                alert(request.responseText);
              },
              success: function(data) {
                console.log(data.stat);
                console.log(data.status);
                console.log(data.message);
                console.log(data.html);
                alert(data);
              }
          });        
      });
  });
</script>

1 个答案:

答案 0 :(得分:1)

请检查您的来源。删除路由配置,如下面的源包含路由配置内联。

[RoutePrefix("api/Login")]
public class LoginController : ApiController
{
    [HttpGet]
    [Route("Get/{id}/{id1?}")]
    public string Get(string id, string id1 = null) //id=Account,id1=password
    {
        return "Working";
    }
}

在api上面调用你的网址应该像

http://localhost:11299/api/login/Get/id/id1/

在上面,id1是可选的