jQueryでajaxを使用する

jQueryでajaxを使用する

jQueryでajaxを使用する

HTML

<div class="form-group row">
    <input type="text" class="form-control" id="customer_no" name="customer_no" value="" pattern="" required>
    <input type="text" class="form-control" id="customer_name" name="customer_name" value="" required>
</div>

jQuery

<script>
    $(document).ready(function () {
        $("#customer_no_" + index).blur(function () {
            $.ajax({
                type: "POST",
                url: "test.php",
                data: {customerNo: $("#customer_no").val()},
                dataType: "json",
            }).done(function (data) {
                if (data.success === true) {
                    $("#customer_name").val(data.name);
                } else {
                    alert("検索結果はありませんでした。");
                }
            }).fail(function (jqXHR, textStatus, errorThrown) {
                console.log("error:" + XMLHttpRequest);
                console.log("error:" + textStatus.status);
                console.log("error:" + errorThrown);
            });
        });
    });
</script>

PHP

<?php

    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        if (is_numeric($_POST['customerNo'])) {
            $sql = "SELECT name,kana,address,sex FROM Members WHERE id=:customerNo;";
            $params = array(':customerNo' => $_POST['customerNo']);
            $result = $db->select($sql,$params);
            if (!empty($customerArray[0])) {
                $result = array("success" => true) + $result;
                echo json_encode($result);
            } else {
                echo '{"success": false,"result":"0"}';
            }
        }
    }

参考

发表评论

电子邮件地址不会被公开。 必填项已用*标注