当使用function.php填充一个输入时，如何使用ajax获取mysql数据

Question

mysql table

---

|order_no |order_name | | -------- |------------| | 43423 | abc | ??????????????????????????

now my question is how do i use ajax to fetch the order name and city when i order number ? any help is appreciated..

I have a code here:

ValidateForm.js

var searchTimeout; //Timer to wait a little before fetching the data
$("#order_numbr").keyup(function() {
    searchKey = this.value;

    clearTimeout(searchTimeout);

    searchTimeout = setTimeout(function() {
        getUsers(searchKey);    
    }, 400); //If the key isn't pressed 400 ms, we fetch the data
});


function getUsers(searchKey) {
    $.ajax({
            type : "POST",
            async: false,
            data : "action=checkOrdrNum",
            url  : ajaxurl,
            dataType:"json",
             success: function(data) {
            if(data.status) {
                $("#ur_name1").val(data.userData.order_name);
            }   
        }
    }"This order number does not exist");         
}




And ofcourse the function.php file:


add_action('wp_ajax_nopriv_checkOrdrNum','checkOrdrNum');
add_action('wp_ajax_checkOrdrNum','checkOrdrNum');
function checkOrdrNum(){
    global $wpdb,$current_user;

     $response = Array();

    $response['status'] = false;

    $query = mysql_query("SELECT `order_name` FROM `art_work_history` WHERE `order_no` LIKE '%".$_POST['value']."%' LIMIT 1"); //Or you can use = instead of LIKE if you need a more strickt search

    if(mysql_num_rows($query)) {
        $userData = mysql_fetch_assoc($query);

        $response['userData'] = $userData;
        $response['status'] = true;            
    }

    echo json_encode($response);
}

Answer 1

U need to pass input value to the ajax

I thnk that was the only thing missing

function getUsers(searchKey) {
    $.ajax({
            type : "POST",
            async: false,
            data : "action=checkOrdrNum",
            url  : ajaxurl,
            dataType:"json",
            data: {value: searchKey}, // this is the line missing
             success: function(data) {
                if(data.status) {
                $("#ur_name1").val(data.userData.order_name);
            }   
        }
    });         
}