使用AJAX將輸入數據發布到Wordpress中的數據庫

Question

目前，我有2個不使用<form>標記的輸入：

 function checkSubmit() { var userInfo = { 'moneyOf': document.getElementById('priceSlider').value, 'emailOf': document.getElementById('inputheaderBox').value }; jQuery.ajax({ type: 'POST', url: "<?php echo admin_url('admin-ajax.php'); ?>", data: { action: "savedata", userInfo }, success: function(data){ //alert('success'); console.log(data); }, error: function(errorThrown){ console.log(errorThrown); } }); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <input id="priceSlider" type="range" min="100000" value="200000" max="1000000" step="1000" /> <input type="text" id="inputheaderBox"/> <button id="inputSubmit" onClick="checkSubmit()">Submit</button></form> 

似乎不起作用

Answer 1

您的功能放在JS文件中？ JS無法呈現和解釋PHP代碼。

請參閱AJAX參考 。 你應該包括你使用腳本wp_enqueue_script()並定義一個AJAX網址wp_localize_script()

wp_enqueue_script( 'custom', PATH_TO_JS_FOLDER . 'custom.js', [ 'jquery' ], null, true );
wp_localize_script( 'custom', 'ajax_params', [
        'url'   => admin_url( 'admin-ajax.php' ),
    ] );

在腳本中：

url: ajax_params.url ，

請參閱參考。 你會明白我的意思的。