Why 404? Not Found?

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.title {
}
</style>
http://~/Scripts/jquery-3.1.1.js

$(document).ready(function () {
$.ajax({
url: “processor.cshtml”,
type: “POST”,
data: { opr: ‘list’ }
}).done(function (response) {
//console.log(response);

var json = $.parseJSON(response);
//console.log(json);

var table = $(‘

‘) .attr({ “border”: “1” }) .css({ “border-collapse”: “collapse” }) $.each(json, function (index, book) { var tr = $(”).appendTo(table); $(‘

‘).text(book.BookId).appendTo(tr);
var td = $(‘
‘).appendTo(tr);
$(‘‘).attr({ “href”: “#”, “bookid”: book.BookId })
.addClass(“title”)
.text(book.Title).appendTo(td);
});

$(‘#list’).append(table);
});

$(‘body’).on(‘click’, ‘a.title’, function () {
var bookid = $(this).attr(“bookid”);

$.ajax({
url: “processor.cshtml”,
type: “POST”,
data: { ‘bookid’: bookid, opr: ‘update’ }
}).done(function (response) {
//console.log(response);
var json = $.parseJSON(response);

$(‘input[name=bookid]’).val(json.BookId);
$(‘textarea[name=title]’).val(json.Title);

$(‘#update’).show();
});
});

$(‘body’).on(‘click’, ‘#save’, function () {
var frmdata = $(‘form[name=frmBook]’).serializeArray();
frmdata.push({ name: ‘opr’, value: ‘save’ });

$.ajax({
url: “processor.cshtml”,
type: “POST”,
data: frmdata
}).done(function (response) {
//console.log(response);
$(‘#update’).append(response);
});

var bookid = $(‘input[name=bookid]’).val();
var title = $(‘textarea[name=title]’).val();

$(‘a[bookid=’ + bookid + ‘]’).text(title);

$(‘#update’).hide();

});

$(“#search”).keydown(function (event) {
if (event.which == 13) {
$.ajax({
url: “processor.cshtml”,
type: “POST”,
data: { opr: ‘search’, search: $(‘#search’).val() }
}).done(function (response) {
var json = $.parseJSON(response);
$(‘input[name=bookid]’).val(json.BookId);
$(‘textarea[name=title]’).val(json.Title);

$(‘#searching’).show();
});
}
});

$(‘body’).on(‘click’, ‘#deleted’, function () {

$.ajax({
url: “processor.cshtml”,
type: “POST”,
data: { opr: “delete”, deleted: $(‘#delete’).val() }
}).done(function (response) {
alert(“deleted sucessfully !”);
$(‘input[name=delete’).val(“”);
});

});

$(‘body’).on(‘click’, ‘#insert’, function () {

$.ajax({
url: “processor.cshtml”,
type: “POST”,
data: { opr: “insert”, txt_insert: $(‘#txt_insert’).val() }
}).done(function (response) {
alert(“inserted sucessfully !”);
$(‘input[name=txt_insert]’).val(“”);
});

});
});

</head>
<body>
<form name=”frmsearch”>
Search: <input type=”text” name=”search” id=”search” /> <br />
Insert: <input type=”text” name=”txt_insert” id=”txt_insert” />
<input type=”button” name=”insert” id=”insert” value=”insert” /> <br />
Delete <input type=”text” name=”delete” id=”delete” />
<input type=”button” name=”deleted” id=”deleted” value=”deleted” /> <br />
</form>

</body>
</html>

==============PROCESSOR===========================
@{
var db = new LMSDataContext();
db.ObjectTrackingEnabled = false;

var opr = Request.Form[“opr”];
}

@switch (opr)
{
case “list”:
{
var books = db.Books.ToList();

@Html.Raw(Json.Encode(books));
}
break;

case “update”:
{
var _bookid = int.Parse(Request.Form[“bookid”]);

var book = db.Books.Where(b => b.BookId == _bookid).Single();

@Html.Raw(Json.Encode(book));

}
break;

case “save”:
{
var _bookid = int.Parse(Request.Form[“bookid”]);
var _title = Request.Form[“title”];

db.ObjectTrackingEnabled = true;
var book = db.Books.Where(b => b.BookId == _bookid).Single();

book.Title = _title;
db.SubmitChanges();

}
break;

case “search”:
{
var _bookid = int.Parse(Request.Form[“search”]);

var book = db.Books.Where(b => b.BookId == _bookid).Single();

@Html.Raw(Json.Encode(book));

}
break;

case “insert”:
{
var _title = Request.Form[“txt_insert”];
Book b = new Book();
b.Title = _title;
db.ObjectTrackingEnabled = true;
db.Books.InsertOnSubmit(b);
db.SubmitChanges();

}
break;

case “delete”:
{
var _bookid = int.Parse(Request.Form[“deleted”]);
db.ObjectTrackingEnabled = true;
var book = db.Books.Where(b => b.BookId == _bookid).Single();
db.Books.DeleteOnSubmit(book);
db.SubmitChanges();

}
break;

}