javascript - 获取用户输入，而不是将输入硬编码到数组中

Question

我正在尝试将用户输入获取到 Wordpress 查询数组中。我可以使用 jquery 代码获取输入，但我想将其添加到 php 数组中的 'meta_value' => '123456', 中。如何将 jquery 脚本中的 'meta_value' => '123456', 从 '123456' 更改为 var x ？ p>

如果这是不可能的，有人可以建议另一种方法从输入字段获取'meta_value' => '123456'，吗？

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("#bt").click(function(){
            var x = jQuery("#txt_name").val();
            alert(x);
        });
    });

</script>

<input type="text" id="txt_name"  />
<input type="button" id="bt"  value="click here" />




<?php

 $args = array(
        'meta_key' => 'cardnum',
        'meta_value' => '123456',
        'meta_compare' => '='
    );

$user_query = new WP_User_Query( $args );

// User Loop
if ( ! empty( $user_query->results ) ) {
    foreach ( $user_query->results as $user ) {
        echo '<p>' . $user->cardnum ." ". $user->nickname . '</p>';
    }
} else {
    echo 'Not available number.';
}
?>

Answer 1

您不需要使用表单或 Ajax - 您可以使用 URL 查询字符串。

当 jquery 函数触发时，重新加载页面 URL，但这次包括一个包含变量的查询字符串。

然后您可以通过 PHP 提取变量。

(这是启用服务器端处理源自客户端的变量的最快、最简单的方法。)

HTML:

<input type="text" id="txt_name"  />
<input type="button" id="bt"  value="click here" />

jQuery:

$(document).ready(function(){
    $("#bt").click(function(){
        var x = $("#txt_name").val();
        window.location.href += '?x=' + x;
    });
});

PHP:

<?php
parse_str($_SERVER["QUERY_STRING"]);
echo '<p>The value of <strong>x</strong> is... '.$x.'</p>'; 
?>