将数据从$ _POST传递到jquery

时间:2012-06-22 09:51:07

标签: php jquery ajax post

我想在return.php页面发送输入数据(code_bar),在mysql选择回调3数据(prezzo; prodotto; descrizione)之后,但是不行。我在这里用javascript和php文件发布html文件,从select到我的数据库调用数据。

HTML

 <form action="" method="post" name="">
Codice a Barre <p>
<input id="code_bar" name"code_bar" />
<button onclick="button">Chiama</button><p>
Prodotto<p>
<input id="Prodotto" name="Prodotto" /><p>
Prezzo<p>
<input id="Prezzo" name="Prezzo"  /><p>
Descrizione <p>
<input id="Descrizione" name="Descrizione"  /

SCRIPT

<script type="text/javascript">
function invia(){
    var code_bar = $("input#code_bar").val();
     $.ajax({
      url:"return.php", 
      data: {code_bar: 'code_bar'},
      success:function(data) {
            $("#Prezzo").val(data.Prezzo);
            $("#Prodotto").val(data.Prodotto);
            $("#Descrizione").val(data.Descrizione);


       "json"}
     });
}
</script>

return.php

<?php
 if(isset($_POST['code_bar'])){
      $code_bar = $_POST['code_bar'];
   }
mysql_select_db($database_mydb, $mydb);
$query_estraggo = "SELECT * FROM prodotti WHERE code_bar = '$code_bar'";
$estraggo = mysql_query($query_estraggo, $mydb) or die(mysql_error());
$row_estraggo = mysql_fetch_assoc($estraggo);
$totalRows_estraggo = mysql_num_rows($estraggo);

      if ($row_estraggo = mysql_fetch_assoc($estraggo)){
          $ritorno = '{"Prezzo":'.$row_estraggo['Prezzo'].',"Prodotto":'.$row_estraggo['Prodotto'].',"Descrizione":'.$row_estraggo['Descrizione'].'}';


         $json = $JSON->encode($ritorno);
         echo $json;
         exit($ritorno);

      }
mysql_free_result($estraggo);
?>

3 个答案:

答案 0 :(得分:3)

你传递GET字符串而不是实际值

data: {code_bar: 'code_bar'},

改为写

data: {code_bar: code_bar},

无论如何,你至少应该能够理解你的呼叫失败的地方(在你的ajax呼叫或服务器端脚本中):例如Firebug有一个xhr面板,您可以在其中清楚地看到数据的传递方式

作为旁注,在您的php中,您应该避免所有mysql_*函数支持PDO语句

答案 1 :(得分:1)

$.ajax的默认请求类型为GET,您需要将其设置为POST,或使用$.post。 (您的$.ajax语法错误。)

data: {code_bar: 'code_bar'},会导致code_bar始终为字符串code_bar,它应为data: {code_bar: code_bar},

答案 2 :(得分:0)

        You should also define type of input
        <input id="code_bar" name"code_bar" type="text"/>
    In $.ajax default type is get if you send data with post method then add type:"post" in $.ajax method

    $.ajax({
          url:"return.php", 
          type:"post",
          data: {code_bar: code_bar},
          dataType:"json",
          success:function(data) {
                $("#Prezzo").val(data.Prezzo);
                $("#Prodotto").val(data.Prodotto);
                $("#Descrizione").val(data.Descrizione);


           }
         });