サポート » 使い方全般 » ajaxの設定方法について

  • ajaxのコーディングですが、下記の様に作成しましたがうまく起動しません。
    何処が間違っているか教えていただけないでしょうか。
    やりたい事はある2このリストの値を移動させてその値をPOSTで自作のphpに渡したいです。

    functions.php

    function add_my_ajaxurl() {
    ?>
    <script>
    var ajaxurl = ‘<?php echo admin_url( ‘admin-ajax.php’); ?>’;
    </script>
    <?php
    }

    function ajax_test() {
    $post = $_POST[‘post’];
    echo $post;
    die();
    }
    add_action(‘wp_ajax_ajax_test’,’ajax_test’);
    add_action(‘wp_ajax_nopriv_ajax_test’,’ajax_test’);

    ?>

    自作php
    $(document).ready(function() {

    $(‘button[id=insert_button]’).on(‘click’, function() {
    // flag = ‘insert’;
    move(‘right_list’, ‘left_list’);
    });

    $(‘button[id=delete_button]’).on(‘click’, function() {
    // flag = ‘delete’;
    move(‘left_list’, ‘right_list’);
    });

    var move = function(_this, target) {
    $(‘select[id=’ + _this + ‘] option:selected’).each(function() {
    $(‘select[id=’ + target + ‘]’).append($(this).clone());
    $(this).remove();

    var postData = {
    move_user
    };
    // Ajaxで送信
    $.ajax({
    url: ajaxurl,
    method: post,
    dataType: ‘text’,
    data : postData,
    }).done(function (res) {
    $(‘body’).append(res);
    }).fail(function (xhr, textStatus, errorThrown) {
    console.log(“NG:” + xhr.status);
    });
    };
    });

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

    うまく起動しない、とは、何をもってうまく起動しないと判断されているのでしょうか?

    コンソールに NG が出力されているのでしょうか?

    HP表示時に下記のメッセージが表示されます。

    「サイトに技術的な問題が発生しています。」

    分かりにくくて申しわございません。

    以下のページを参考に、デバッグモードを有効にしてみてください。

    WordPressでのデバッグ

    また、可能であればサーバーのエラーログを確認してみてください。
    エラーの原因を判別できるメッセージが出力されていると思います。

    ありがとうございます。
    おかげさまで以下のエラーは回避できたのですが、値のPOSTが上手く出来ていないみたいでphpファイル側で$_POSTした値が未定義とエラーが出ました。上記コードで間違っている箇所があるのでしょうか?
    お手数をおかけしますがご教授お願いします。

    「サイトに技術的な問題が発生しています。」

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ajaxの設定方法について」には新たに返信することはできません。