Ajax ResponseText становится правдой, но не может писать в div

Question

Код Ajax:

    jQuery(document).ready( function($) {
    var valueCheck;
    $('#acf-field_5cdc07b87c8f8-field_5cdc08405814f').on( 'change', function () {
         valueSelect = $(this).val();
         if ( parseInt ( valueSelect ) > 0 ) {
        $.ajax( ajaxurl, {
            type: 'POST',
            url: '<?php echo admin_url('admin-ajax.php'); ?>',
            data: { action: 'hesaplama', // The name of the WP action
                    value:  valueSelect,       // the dataVAlues
            },
            dataType: 'json',
            success: function ( response ) {     // to develop in case of success
                             if ( response.success ) {
                                  sonucum = response.html;  // Here we get the results of the PHP remote function
                                  $('#xcvb').html( sonucum );
                             }
                             else {
                                  $('#xcvb').html( '<span>Bu #id: ' +  valueSelect + ' ye ait bir içerik bulunamadı.</span>' );
                             }
                        },
            error: function ( errorThrown ) {   // to develop in case of error
                             console.log( errorThrown ); 
                        }, 
        });
         }
    });
});

Функции.PHP:

function hesaplayici(){
$id    = (int) $_POST['value'];
$sonucum =  the_field('sertifika_aciklamasi', $id);}

Responsetext показывает на консоли, но не может написать в мой div (id: #xcvb) Кто-нибудь может мне помочь в этом?

https://up.uac.ist/images/2019/06/17/Screenshot_2.png https://up.uac.ist/images/2019/06/17/Screenshot_3.png

Answer 1

Похоже, у вас здесь что-то не так.Во-первых, я не уверен, как вы запускаете jQuery с оператором PHP echo.Вы не должны быть в состоянии сделать это.Это правильный способ использовать Ajax с Wordpress.

$.ajax({
            type: 'POST',
            url: ajax_object.ajax_url,
            data: {
                action: 'hesaplama',
                value: valueSelect
            }, 
            error: function (data) {
                console.log(data);
            }, 
            success: function (data) {

               console.log(data);
               if ( data == '') {
                  $('#xcvb').html( '<span>Bu #id: ' +  valueSelect + ' ye ait bir içerik bulunamadı.</span>' );
               }
               else {
                  $('#xcvb').append( data );
               }

            }
    });

Вы должны повторить свой ответ.

function hesaplayici(){

$id = $_POST['value'];

$sonucum =  the_field('sertifika_aciklamasi', $id);

echo $sonucum;

die();

}

add_action( 'wp_ajax_send_hesaplayici', 'hesaplayici' );
add_action( 'wp_ajax_nopriv_hesaplayici', 'hesaplayici' );

Answer 2

Пожалуйста, попробуйте так:

на стороне php:

$return = ['myvarname' => 'your data here'];
echo json_encode($return);
exit(); 

на стороне JS:

success: function ( response ) { 
$(#idofyourdiv).html(response.myvarname);
}