いつもお世話になります。
Visual Studio 2015 Update3 pro. のVBで、Webアプリを作ろうとしています。Ajaxのところで上手くいかずに右往左往している状況です。
VSで新しいWeb APIプロジェクトを作成して、以下のものを書き加えました。
（1）読み取り／書き込みのあるWebAPI2コントローラーを作成して、FoodsController.vb
Imports System.Net
Imports System.Web.Http
Namespace Controllers
Public Class FoodsController
Inherits ApiController
Private foods As String() = {"bread", "rice", "noodles", "sushi", "spaghetti", "pizza"}
' GET: api/Foods
Public Function GetValues() As IEnumerable(Of String)
Return foods
End Function
' GET: api/Foods/5
Public Function GetValue(ByVal id As Integer) As String
If id > 0 And id <= foods.Length Then
Return foods(id - 1)
Else
Return "I don't know."
End If
End Function
End Class
End Namespace
これを実行して、
http://localhost:49286/api/foods にアクセスすると、["bread","rice","noodles","sushi","spaghetti","pizza"]
http://localhost:49286/api/foods/4 にアクセスすると、"sushi"
http://localhost:49286/api/foods/100 にアクセスすると、"I don't know."
が戻ってくることを確認しました。
次に、MVC5コントローラ-空 を作成して、FoodlistController.vb
Namespace Controllers
Public Class FoodlistController
Inherits Controller
' GET: Foodlist
Function Index() As ActionResult
Return View()
End Function
Function Food(id As Integer) As ActionResult
Return View(id)
End Function
End Class
End Namespace
と、 Foodlist/Index.vbhtml
@Code
ViewData("Title") = "Index"
End Code
<h2>Please Push Button</h2>
<button id="display" class="btn btn-success">Display List</button>
<h2>Foods List</h2>
<div id="list"></div>
<h2>End of List</h2>
@Section scripts
<script>
$("#display").click(function () {
var url = "api/foods/";
$.getJSON(url)
.done(function (data) {
var html = "<ul>";
$.each(data, function (index, value) {
html += "<li>" + value + "</li>";
})
html *= "/ul>";
$("#list").html(html);
})
.fail(function(data){
$("#list").text("Error on Ajax!!!");
});
});
</script>
End section
を書きました。そして、実行して、[Display List]ボタンを押しても、”Error on Ajax!!!”という失敗メッセージしか現れません。
何をすれば、Ajaxが成功するようになるでしょうか？よろしくお願いします。
VB MVC5でAjaxが成功しない。
