如何通过jquery从数据库接收数据？ [wordpress.js]

Question

我正在尝试从我的 .js WordPress 主题文件中的数据库中获取少量数据。 我尝试使用 jquery 的 .post() ，但没有任何反应。

还请给我建议任何替代方案。

.js 文件中的代码

jq.post("../abc.php",
        {
        name:"kumar",
        accId:window.accommodationId

        },  function(data,status)
            {
                alert("hello");

             //alert("Data: " + data + "\nStatus: " + status);
            }
        );

abc.php 文件中的代码

<?php
global $wpdb;

$max_minAge = $wpdb->get_results( "SELECT price_per_day FROM  wp_byt_accommodation_vacancies where accommodation_id='1741'" );   

echo $max_minAge[0]->price_per_day;
?>

Answer 1

你可以在你的functions.php文件中使用这样的wp_ajax钩子

  // script atyle add at frontend
    add_action( 'wp_enqueue_scripts','my_scripts_style');

 function my_scripts_style()
{
    wp_enqueue_script( 'scriptid', PATH_TO . 'script.js', array('jquery') );
    // localize the script
    wp_localize_script( 'scriptid', 'myAjax', array( 'url' =>admin_url( 'admin-ajax.php' ),'nonce' => wp_create_nonce( "ajax_call_nonce" )));
}

然后添加ajax钩子

   // action for execute ajax from frontend 
    add_action( 'wp_ajax_nopriv_execute_ajax','execute_ajax');

function execute_ajax() 
{
    $nonce = check_ajax_referer( 'ajax_call_nonce', 'nonce' );
    if($nonce==true)
    {
    // here you will perform all the db communication get data from db and send it to the view area.
    echo 'test this';   
    die();
     }
}

然后在您通过上面的enque_script 包含的 js 文件中。用这个

jQuery(function(){
jQuery('.click-onthis').live('click', function(){ // get data by click
    var data = {
                    action: 'execute_ajax',
                    nonce: myAjax.nonce,
                    // anyother code etc
                };

                jQuery.post( myAjax.url, data, function(response) 
                {
                    if(response=='success')
                    {

                    }
                });
        });
    });

jquery click-on-this 将在单击链接时起作用，您可以在加载或任何其他事件时进行协作

Answer 2

您可以使用jQuery AJAX get 速记：

$.get( "../abc.php", function( data ) {
  alert( "Data Loaded: " + data );
});

温馨提示：由于您是从文件中获取数据，您应该使用GET。