0

こんにちは、wordpress プラグインを作成しています。ここで少しスタックしています。テキスト ボックス番号 1 は注文番号、番号 2 は注文名です。これは私が欲しいものです。顧客がテキストボックス番号 1 に注文番号である番号を入力すると、入力した値がデータベースにチェックインされ、その注文番号に対応する注文名が取得されます。そのリアルタイム。表示される前に提出する必要はありません。彼らが何かを入力するたびに、すぐにデータベースをチェックし、テキストボックス番号2（注文名）に表示します。私はこれを調査し、ワードプレスで ajax を使用しようとしましたが、使用方法がわかりません。ありがとう。

4

1 に答える 1

0

始めるためのボイラープレート コードを次に示します。

<script type="text/javascript" charset="utf-8">
    var req;

    function handler_orderNumberField_onchange(fld) {
        var text = fld.value;
        if (text.length == 8) {
            queryForOrderName(text);
        }
    }

    function queryForOrderName(orderNumber) {
        document.getElementById('orderNameField').value = "Please wait..."

        req = new XMLHttpRequest();
        var url = "http://www.mydomain.com/getordername.php?ordernumber=" + orderNumber;

        req.onreadystatechange = function() {
            var field = document.getElementById('orderNameField');
            var rs = this.readyState;
            var status = this.status;
            if (rs == 4 && status == 200) {
                field.value = req.responseText;
            }
        };

        req.ontimeout = function() {
            document.getElementById('orderNameField').value = 'Timeout.';
        }
        req.timeout = 10000;

        req.open("GET", url, true); 
        req.send();
     }

</script>

<p>Order Number: <input type="text" name="orderNumber" value="" id="orderNumberField" onchange="handler_orderNumberField_onchange(this)"></p>
<p>Order Name: <input type="text" name="orderName" value="" id="orderNameField"></p>

getordername.phpスクリプトを自分で実装する必要があることに注意してください。例：

<?php
    $ordernr = (int) $_GET["ordernumber"];
    $result = sprintf("Testorder - Order Number %d", $ordernr);
    header("Content-type: text/plain; charset=UTF-8");
    echo $result;
    exit;

?>
于 2013-02-13T17:24:17.647 に答える