使用Ajax的父子选择框WordPress

Question

我只是试图选择父框，然后根据父框想要孩子，我的目的是创建父（国家）和子（城市）选择框，当有人选择国家时，它应该显示存储在数据库中的那个国家的城市。当用户选择国家时，页面不应该重新加载，但它应该击中数据库并获取该国家的城市，我创建了一个Wordpress页面，并从那里有很长的时间，我只是把我的html的父和子选择框。

HTML页面/Wordpress页面：

<select name="PER_COUNTRY" id="PER_COUNTRY">
<?php $rows= $wpdb->get_results($wpdb->prepare("SELECT * FROM country ORDER BY countryname" ,13,'gargle'),ARRAY_A);
foreach($rows as $row){?>
<option value="<?php echo $row["countrycode"]?>"><?php echo $row["countryname"]?></option>
</select>

插件文件夹是用相同的名称ajax测试创建的，并放置了2个文件，其中1个是ajax测试。php和测试。js

ajax测试代码。php如下所示：

<?php
/**
 * Plugin Name: Ajax Test
 * Plugin URI: http://test.org
 * Description: Allows users to select cities
 * Version: 1.0.0
 * Author: Javed
 * Author URI: http://test.org
 * License: GPL2
 */
 add_action( 'wp_enqueue_scripts', 'my_enqueue' );
 function my_enqueue() {
 wp_enqueue_script( 'ajax-script', plugins_url( '/test.js', __FILE__ ), array('jquery'));
 wp_localize_script( 'ajax-script', 'ajax_object', array( 'ajax_url' => admin_url( 'admin-ajax.php' )));
 }

 function my_action() {
 $country_id = $_REQUEST['country_id'];
 echo $country_id;
 die(); 
 }
 add_action('wp_ajax_my_action', 'my_action' );
 add_action('wp_ajax_nopriv_my_action', 'my_action');
 ?>

在上面的代码中，我没有调用全局db，如果我可以在这里处理用户选择框的值，并可以发送回子选择框，那么我可以自己进行db和表查询。

test.js文件代码是：

 jQuery(document).ready(function(){
 jQuery('#PER_COUNTRY').change(function(){  
var country_id = jQuery(this).val();
 // alert(country_id);
 jQuery.ajax
        ({
        type: 'post',
        url: ajax_object.ajax_url,
        data: {
            action : 'my_action',
            country_id : country_id,
            },
        success: function(data)
            {
            alert(data);
            } 
        });
     });
 });

如您所见//alert（国家/地区id）；在测试中被注释。js这是为了测试，是的，它正在获得价值，但我认为问题在于Ajax帖子，在这方面需要你们的帮助，请指导我。我在这里做的是什么，我已经阅读了很多教程，但我没有发现我的代码中有任何错误。

Answer 1

好吧，现在我给我自己的问题的答案，只是因为我自己解决了它，我只想分享答案，这样，如果任何人也面临同样的问题可以解决它，我的所有代码都是完美的，我错过的只是函数文件中的jQuery排队，我确实包含了来自页眉/页脚的jquery，它对所有jquery操作都很好，但对于Ajax，我们必须从函数中定义它，下面是一种在函数中定义jquery的方法：

if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
wp_deregister_script('jquery');
wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
wp_enqueue_script('jquery');
}

我仍然要感谢WisdmLabs，他们至少试图解决我的问题。：）