mirror of
https://github.com/fergalmoran/meeseeks.git
synced 2025-12-22 01:08:37 +00:00
62 lines
2.1 KiB
HTML
62 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
|
|
integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Hello, sailor!</h1>
|
|
<form id="recommend-movie-form">
|
|
<div class="form-group">
|
|
<label for="movie_name">Movie Name: </label>
|
|
<input type="text" name="movie_name">
|
|
</div>
|
|
|
|
<button class="btn" type="submit">Send</button>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
<!-- jQuery first, then Tether, then Bootstrap JS. -->
|
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js"
|
|
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
|
|
integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"
|
|
integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn"
|
|
crossorigin="anonymous"></script>
|
|
|
|
|
|
<script>
|
|
function convertForm(formArray) {
|
|
var returnArray = {};
|
|
for (var i = 0; i < formArray.length; i++) {
|
|
returnArray[formArray[i]['name']] = formArray[i]['value'];
|
|
}
|
|
return returnArray;
|
|
}
|
|
|
|
var form = $("#recommend-movie-form");
|
|
form.submit(function (e) {
|
|
e.preventDefault();
|
|
var data = JSON.stringify(convertForm(form.serializeArray()));
|
|
console.log(data);
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/recommend_movie/",
|
|
dataType: 'json',
|
|
data: data,
|
|
contentType: "application/json"
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |