Javascript Sinatra:显示表单输入而不重定向
我正在尝试建立一个网站，在那里用户可以输入一些数据。然后，我将使用sinatra对此数据运行许多方法，然后在同一输入页面上显示结果（即，不刷新（或重定向）页面-因此，输入数据仍然是表单） 我知道我可能必须使用javascript来查看submit按钮，并使用它来停止重定向 我知道ruby退出得很好，但对javascript不太了解；所以请容忍我 我在这方面做了很多研究，但我没有任何工作要做。（这是类似的，但我甚至没有能够成功地使用它） 这是我的sinatra档案。当前，按submit按钮将重定向到另一个页面Javascript Sinatra:显示表单输入而不重定向,javascript,jquery,ruby,sinatra,Javascript,Jquery,Ruby,Sinatra,我正在尝试建立一个网站，在那里用户可以输入一些数据。然后，我将使用sinatra对此数据运行许多方法，然后在同一输入页面上显示结果（即，不刷新（或重定向）页面-因此，输入数据仍然是表单） 我知道我可能必须使用javascript来查看submit按钮，并使用它来停止重定向 我知道ruby退出得很好，但对javascript不太了解；所以请容忍我 我在这方面做了很多研究，但我没有任何工作要做。（这是类似的，但我甚至没有能够成功地使用它） 这是我的sinatra档案。当前，按submit按钮将重定向
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>
需要“sinatra”
获取“/”do
雇员再培训局：搜索
结束
发布“/”do
@_input=“ID header#{params[：input]}”
结束
__结束__
@@搜寻
$（文档）.ready（函数（）{
$（“#结果”）.submit（函数（）{
//解析ajaxurl
var action=$（this.attr（'action'）；
var index=action.indexOf（'#'）；
var url=action.slice（0，索引）；
var hash=action.slice（索引，action.length）；
$（'.result'）.show（）；
$（'.result.content'）.html（索引）；
})
})
content