我正在尝试制作一个网站，用户可以在其中输入一些数据。然后，我将使用 sinatra 对此数据运行多种方法，然后在同一输入页面上显示结果(即不刷新(或重定向)页面 - 因此输入数据仍然是表单)。
我知道我可能必须使用 JavaScript 来观看提交按钮并使用它来停止重定向。
我很了解 ruby quit，但不太了解 javascript；所以请耐心听我说。
我对此做了很多研究，但没有任何成果。 (这个 question 类似，但我什至无法成功使用它)。
这是我的 sinatra 文件。目前，按下提交按钮会重定向到另一个页面。
require 'sinatra'
get '/' do
erb :search
end
post '/' do
@the_input = "<h2>ID header</h2>#{params[:input]}"
end
__END__
@@ search
<!DOCTYPE html>
<html>
<head></head>
<body>
<form action="/#result" method="post">
<input type="text" name="input">
<input type="submit">
</form>
<div class="result" id="result" style="display: none;">
<div class="content">
<!-- this is where the Results should display... -->
</div>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#result').submit(function(){
//parse AJAX URL
var action = $(this).attr('action');
var index = action.indexOf('#');
var url = action.slice(0, index);
var hash = action.slice(index, action.length);
$('.result').show();
$('.result .content').html(index);
})
})
</script>
</body>
</html>
如果有人可以帮助我实现此功能，以便表单的输入显示到 content div 中，我将不胜感激。对您正在做的事情的任何解释也会非常有帮助。
非常感谢您的帮助。
最佳答案
基本上防止默认重定向。
关于javascript - Sinatra:呈现表单输入而不重定向，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25291849/