0

我正在添加一个在单击按钮时应该调用的函数，我有一个带有以下 jquery 代码和 ajax 调用的 js 文件：

jQuery(document).ready( function() {

   function getUrlParameter(sParam){

      var sPageURL = window.location.search.substring(1);

      var sURLVariables = sPageURL.split('&');

      for (var i = 0; i < sURLVariables.length; i++) {
         var sParameterName = sURLVariables[i].split('=');
         if (sParameterName[0] == sParam) {
            return sParameterName[1];
         }
      }
   }

   jQuery('#upload_btn').click( function(e) {

      e.preventDefault(); 

      var flag = true;
      var postId = getUrlParameter('preview_id');
      var files = jQuery('#file_tool').prop('files');
      console.log(files);

      var dataS = {
         'action': 'upload_button',
         'preview_id': postId,
         'files': files,
         'set': flag
      }
      jQuery.ajax({
         type : 'post',
         url : diario.upload,
         processData: false,
         contentType: false,
         data : dataS,
         success: function(response) {
            if(response.type == "success") {
               console.log('jquery works');
            } else console.log(response);
         }
      });

   });

 });

当我单击按钮时，console.log 显示文件 obj，因此至少 onClick 有效，但之后它显示jquery.js:4 POST custom/wp-admin/admin-ajax.php 400。这就是我的functions.php的样子：

add_action( 'wp_enqueue_scripts', 'enqueue_onClick_upload' );

//custom_js_enqueuer
function enqueue_onClick_upload() {

    wp_register_script( 'onClick_upload', WP_CONTENT_URL.'/themes/microjobengine/onClick_upload.js', array('jquery') );
    wp_localize_script( 'onClick_upload', 'diario', array( 'upload' => admin_url( 'admin-ajax.php' )));        

    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'onClick_upload' );

}


add_action('wp_ajax_upload_button', 'upload_button');
add_action('wp_ajax_nopriv_upload_button', 'upload_button');

// upload button function
function upload_button() {

    $postID = $_POST['preview_id'];

    if ($_POST['set']) {
        if($_POST['files']['size'] === 0 ) 
            echo "<script>console.log('There's no images.');</script>";

    }
    $result['type'] = 'success';
    echo json_encode($result);
    wp_die();
}

我不知道为什么它找不到动作，一切都按照wp所说的那样完成，我希望有人能帮忙，谢谢。

- 编辑 -

好的，所以现在我尝试只通过'action': 'upload_button'，错误没有出现，但响应没有成功，我这样做了，我的函数中的所有代码都注释了，只留下 las 3 行，以便返回成功，但是它没有，所以它可能会找到该功能，但由于某种原因它没有被执行，当然这意味着当我传递额外的数据时会发生错误，关于为什么会发生这种情况的任何想法？

4

1 回答 1

0

抱歉，我没有从函数中获得正确的反馈，我只需要删除所有echos 并将我需要的所有内容保存到一个数组中，然后将其返回 json 编码。

于 2019-05-10T18:33:27.217 回答