-3

我想将值返回$newsum到来自 php 计算到 db 结果的 col div。我想将 html 和 php 文件分开。但是,完成后我没有在 index.html 页面上得到结果。

我已经尝试了一些 ajax 解决方案,但还没有奏效,

索引.html

<form id="search" action="index.php" method="post">
    <input type='search' name='keywords' value='' style="width:99%;">
    <a href='#col'>
    <input type='hidden' value='Submit' id='submit' name='doSearch' />
    </a>
</form>

<div  id="col"  style="width:100%; margin:0 auto;">
 <script>
 document.write("<?php echo $newsum.$message; ?>");
  </script>

索引.php

if($_POST['doSearch'] == 'Submit') 
{
    $value=$_POST['keywords'];
    $newsum= round($total,1);

    if($newsum >= 3.5)
   {

   $message=$newsum.'/5';
   }

    }

AJAX

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
  $('#submit').click(function(){

   $.post("index.php", $("#search").serialize(),  function(response) {
   $('#col').html(response);

    });
    return false;

       });

       });
     </script>
4

1 回答 1

1

您错过了回显搜索结果:

编辑index.php

if($_POST['doSearch'] == 'Submit') 
{
  $value=$_POST['keywords'];
  $newsum= round($total,1);
  if($newsum >= 3.5)
  {
     $message=$newsum.'/5';
     echo $message; // added
  }
  else 
  {
     echo "Nope"; // this is only to make sure something at all is echoed.
  }
}

然后改变你的JS:

 // submit action instead of click is the way to use form data


 <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script>
 $(document).ready(function(){
     $('#search').submit(function(e){
        e.preventDefault();
        $.post("index.php", $("#search").serialize(),  function(response) {
           $('#col').html(response);
        });
     });
  });
 </script>

笔记

您将 PHP 代码添加到 HTML 文档中。这永远行不通...

<script>
 document.write("<?php echo $newsum.$message; ?>"); 
</script>

即使它是一个 PHP 文档,变量也不存在,因为它们是在 index.php 中设置的。

于 2013-06-18T14:47:22.313 回答