APIの戻り値が返されない

Question

2つのプロジェクトを取りました。 1つはapis用、もう1つはapiresultを表示するためのものです。

この私のAPIコントローラ：

public class HomeController : ApiController 
    { 
     [HttpGet] 
     public string Index() 
     { 
      return "Hello world"; 
     } 
    } 

と、これは私の表示コントローラである：

 public ActionResult Index() 
     { 
      return View(); 
     } 

とインデックスコントローラのビューがのように怒鳴るです：

@{ 
    ViewBag.Title = "Index"; 
} 

<h2>Index</h2> 

<input type="submit" value="Get Value" id="btnSubmit" onclick="GetData();" /> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    function GetData() { 
     var uri = 'http://localhost:50951/api/Home'; 
     $.ajax({ 
      url:uri, 
      type: "Get", 
      dataType: "JSON", 
      success: function (data) { 
       alert(data); 
      }, 
      error: function (xhr, status, error) { 
       alert("error"); 
      } 
     }); 
    } 
</script> 

私はクリックしてくださいapiを呼び出しているGetDataボタンとapiは文字列値を返します。しかし、JavaScriptで私はAPIの戻り値を取得していませんでした。

Answer 1

のいずれかを実行します。

1）にIndex()メソッドを編集します。

[HttpGet] 
public JsonResult Index() 
{ 
    return Json("Hello world", JsonRequestBehavior.AllowGet); 
} 

または

2）jqueryのAJAX呼び出しからdataType: "JSON"を削除します。