0

jQuery と AJAX を使用して、テキスト ボックスの値 (請求書番号) を PHP ファイルに送信しようとしています。PHP ファイルから、JSON でエンコードされたデータを返しています。データベースから取得した値を次のテキスト ボックス (合計金額、残高) と選択ボックス (支払いモード、支払いステータス) に表示したいと考えています。

希望する出力が得られません。どこが間違っていますか？

HTML:

    <form  name="inv_payment" method="post" action="" style="margin:0px;width:400px;">
    <fieldset>
        <legend>Payment details</legend>
        <label for=inv_num>Invoice Number</label>
            <input id=inv_num name=inv_num type=number placeholder="12345" required autofocus  >
            <input type=button name="get_details" id="get_details" value="Get Details"  >
            <label for=tot_amt>Total Amount</label>
            <input id=tot_amt name=tot_amt type=text placeholder="12345" disabled > <br/>
            <label for=pay_up>Pay Up </label>
            <input id=pay_up name=pay_up type=text placeholder="12345" required ><br/>
            <label for=bal_amt>Balance Amount&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <input id=bal_amt name=bal_amt type=text placeholder="12345" disabled > <br/>
                <label id="paymt_mode"><strong>Payment Mode</strong></label>
                            <select name="pay_mode" style="width: 130px">
                            <option selected="selected">Cash</option>
                            <option>Cheque</option>
                            </select><br/>
                <label id="paymt_status"><strong>Payment Status</strong> </label>
                            <select name="pay_status" style="width: 130px">
                            <option selected="selected">Pending</option>
                            <option>Completed</option>
                            </select><br/>
            <input type="submit" value="Payment" name="pay_btn">
      </fieldset>
</form>

jQuery:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">

    $(document).ready(function() {


        $('#get_details').click(function() {

        //To pass the invoice number and fetch related details
        $.getJSON("get_invpay_details.php", {id: $('#inv_num').val()}, function(data){
            $('#tot_amt').val(data['Total_Amount']);
            $('#bal_amt').val(data['Balance_Amount']);
            $('#pay_mode').val(data['Payment_Type']);
                        $('#pay_status').val(data['Payment_Status']);
        });
              });
</script>

PHP:

    <?php 
        include('includes/dbfunctions.php');
        include('includes/db.php');
        if(isset($_GET['id']))
    {
                $tmp = $_GET['id'];
        $sql = mysql_query("select Total_Amount,Balance_Amount,Payment_Type,Payment_Status from invoice where InvoiceNum='$tmp'");
        if(mysql_num_rows($sql))
        {
            $data = mysql_fetch_array($sql);
            echo json_encode($data);
        }
    }

 ?>
4

2 に答える 2

0

クエリを確認しました。mysql エディタで正しい出力が得られました。

私が見ることができるのは..あなたの質問にタイプミスがあります...

document.ready に欠落 });しています..これはスクリプトを壊している可能性があります..(これはコンソールにエラーがあるはずです...とにかく何か確認する必要があります..

 $(document).ready(function() {


    $('#get_details').click(function() {

    //To pass the invoice number and fetch related details
      $.getJSON("get_invpay_details.php", {id: $('#inv_num').val()}, function(data){
          $('#tot_amt').val(data['Total_Amount']);
          $('#bal_amt').val(data['Balance_Amount']);
          $('#pay_mode').val(data['Payment_Type']);
          $('#pay_status').val(data['Payment_Status']);
      });
    });
   });
  //^^--here
于 2013-04-29T07:07:05.530 に答える
0

あなたのjson応答値はobject.data次のように入力されます。

$('#tot_amt').val(data.Total_Amount);
$('#bal_amt').val(data.Balance_Amount);
$('#pay_mode').val(data.Payment_Type);
$('#pay_status').val(data.Payment_Status);

ここでdataはありobjectませんarray。

于 2013-04-29T06:46:55.243 に答える