Ajax 與 jquery 回調到 ZDCEC9B13C1DE515016A3BC0F92CFA354 上的 php 文件

Question

我有以下情況嘗試在 Wordpress 中使用 Ajax。

1.要調用的文件只有一個小代碼，如： <?php echo "Whatever"?>

2.通過按鈕onclick調用它：

<button id="ajaxbtn" onclick="showPopup()" class="btn-shape"></button>

<div id="ajax-input"></div>

3.功能.php

add_action( 'wp_enqueue_scripts', 'myajax_data', 99 );

function myajax_data() {
   wp_localize_script('ajax-wear', 'myajax',
   array(
      'ajax_url' => admin_url('admin-ajax.php')
    )
  );
}

---

add_action('wp_ajax_tablo', 'tablo');
add_action('wp_ajax_nopriv_tablo', 'tablo');

function tablo() {
    ob_start();

    get_template_part(get_stylesheet_directory_uri() . 'extra-wear' );
    $result = ob_get_contents();
    ob_end_clean();

    $return = array('content' => $result);

    wp_send_json($return);

    wp_die();
}

4. Jquery

jQuery("#ajaxbtn").click(function() {
  jQuery.ajax({
    type: 'post',
    dataType: 'json',
    url: myajax.ajax_url,
    data: {
      action: 'tablo'
    },
    success: function(response) {
      jQuery('#ajax-input').html(response.content);
    }
  });
});

5.贈送output。 在控制台中有 XHR 完成加載的信息：發布“http//.....”但實際上沒有發布任何內容。

有人知道該代碼有什么問題嗎？ 我的問題是重點。 3 任何好的建議都非常感謝。

Answer 1

就我所見，你有兩個問題：

1. dataType: 'json' 參數，很可能是因為您沒有以 json 格式發送數據
2. “response.content”應該只是“response”

另外，不知道您傳入“myajax.ajax_url”的 URL 是否已在這段代碼之前聲明？

還有一件事，自 jQuery 1.8 以來，“成功”已被貶低，您現在應該使用 done() 代替。

考慮到所有這些，試試這個，看看它是否有效？

$.ajax({
    type: 'post',
    url: 'path/to/your-ajax-file.php',
    data: { action: 'tablo' }
}).done(function(response) {
    console.log(response);
    $('#ajax-input').html(response);
});

我添加了一個 console.log(response); function 中的行，因此您還可以在 JavaScript 控制台中看到結果，一旦您的腳本工作就將其刪除！

希望有幫助！

Answer 2

get_stylesheet_directory_uri() 顯然不是構建路徑以在 function 中調用文件的正確方法。 修改后內容返回。