Question

您好我正在创建一个wordpress插件，我在这里有点叠加。文本框编号1是订单编号，编号2是订单名称。这就是我要的。如果客户在订单号为1的文本框中输入一个号码，则他或她输入的值将检入数据库并获取该订单号的相应订单名称。它的实时性。无需在出现之前提交。每当他们输入内容时，它会立即检查数据库并将其显示在文本框2（订单名称）中。我研究这个并尝试在wordpress中使用ajax，但我不知道如何使用。感谢。

Answer 1

这里有一些样板代码可以帮助你入门....

<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;

?>

将文本框的值传递给php变量

1 个答案: