ajax-script.js 20240912

jQuery(document).ready(function($) {
$(‘#my-form’).on(‘submit’, function(event) {
event.preventDefault(); // フォームのデフォルトの送信を防ぐ

var data = {
action: ‘add_data’,
data: $(‘#data-input’).val() // inputの値を取得
};

$.post(my_ajax_object.ajax_url, data, function(response) {
if (response.success) {
$(‘#response-message’).text(response.data.message); // 成功メッセージを表示
$(‘#data-input’).val(”); // 入力フィールドをクリア
} else {
$(‘#response-message’).text(‘エラー: ‘ + response.data); // エラーメッセージを表示
}
});
});
});