通过JavaScript将值传递给php脚本

通过JavaScript将值传递给php脚本,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我试图根据div/form的输入值显示php文件的结果 我有以下JavaScript: <script> $(document).ready(function(){ $('#ranksubmit').click(function() { $.ajax({ type: "post", url: "queryrankings.php", data: $("#que

我试图根据div/form的输入值显示php文件的结果

我有以下JavaScript:

<script>
    $(document).ready(function(){

        $('#ranksubmit').click(function() { 
            $.ajax({
            type: "post",
            url: "queryrankings.php",
            data:  $("#query-form").serialize(),
            success: function(result){
                $(".results-table").html(result);
            }

        });
            //return false;
      }); 

    });
</script>
已更新。

$('#ranksubmit').click(function(e) {
  e.preventDefault()
 // the rest of the code
}); 

使用
,或
e.preventDefault()
return false
来阻止表单提交。

您也可以提供您的php代码吗?尝试将一个简单对象作为
数据传递:{foo:'bar}
抱歉@webdeb我是新手,甚至不知道如何在php脚本中打印它。由于
$('form').serialize()
?因此我不想使用form,因为如果我使用that@TaylorClark不,您应该使用
event.preventDefault()
它将防止重新加载..@webdeb非常感谢!
<div class="form-horizontal" id="query-form"  > ...</div>
<form class="form-horizontal" id="query-form"  > .... </form>
$('#ranksubmit').click(function(e) {
  e.preventDefault()
 // the rest of the code
});