Кто не будь видит чем тут ошибка ?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Page</title>
<script src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var Users = $('#Users');
$('btn').click(function () {
$.ajax({
type: 'GET',
url: 'api/values',
dataType: 'json',
succes: function (data) {
Users.empty();
$.each(data, function (index, val) {
var dat = val.Id + ' ' + val.Name;
Users.append('<li>' + dat + '</li>')
});
}
});
});
$('#btnClear').click(function () {
Users.empty() ;
});
});
</script>
</head>
<body>
<label>[{"Id":1,"Name":"O.Cole"},{"Id":2,"Name":"J.Shane"},{"Id":3,"Name":"V.Petrov"},{"Id":4,"Name":"M.Popov"}]</label>
<input id="btn" type="button" value="Get All Users" />
<input id="btnClear" type="button" value="Clear" />
<ul id="Users"></ul>
</body>
</html>