數周以來，我一直在社區和教程中尋找解決問題的方法，但找不到答案。我已經創建了一個表格來為我的 WordPress 數據庫注冊時事通訊的訂戶。僅使用 PHP，將 POST 數據發送到數據庫。但是，我想將該表單與 ajax 一起使用，以阻止頁面刷新。現在，不再有數據發送到數據庫，我不明白為什么。使用下面的代碼，我在控制臺中獲得以下信息：first_name=Claire&last_name=Lavigne&email=lavigneclaire81%40gmail.com?ister=newsletterPOST http://localhost/ /wp/wp-admin/admin-ajax.php 400（錯誤請求）錯誤 [對象對象] 錯誤請求 <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <div class="col s12 m6 newsletter"> <div id="form_output"></div> <form id="newsletter" class="newsletter__form"> <div> <input value="" type="text" name="first_name" id="first_name" placeholder="Prénom" autocomplete="given-name"> <input value="" type="text" name="last_name" id="last_name" placeholder="Nom" autocomplete="family-name"> <input value="" type="email" name="email" id="email" placeholder="Email"> </div> <button class="newsletter__button" type="submit">Je m'abonne</button> <input type="hidden" name="register" value="newsletter" /> </form> </div> $('#newsletter').on('submit', function(event) { event.preventDefault(); var datas = $(this).serialize(); console.log(datas); $.ajax({ type: "POST", url: ajaxurl, data: datas, // data: { // action: 'ajax_newsletter' // }, success: function(data, result) { console.log(result + ' ' + data); $("#form_output").html('Ok'); }, error: function(data, result, error) { console.log(result + ' ' + data + ' ' + error); $("#form_output").html('Erreur'); }, }); }); <?php function eglise_scripts() { wp_enqueue_style( 'eglise-style-css', get_theme_file_uri('/public/css/style.css'), [], '1.0.0' ); wp_enqueue_script( 'eglise-js', get_theme_file_uri('/public/js/app.js'), [], '1.0.0', true
1 回答
躍然一笑
TA貢獻1826條經驗 獲得超6個贊
您需要一個“操作”字段來使 WordPress AJAX 工作。
但是您還需要單獨的字段來實現您的功能。
制作一個“通訊”動作，例如wp_ajax 示例
例子：
? ? ? ?$('#newsletter').on('submit', function(event) {
? ? ? event.preventDefault();
? ? ? ? var first_name = jQuery('#first_name').val();
? ? ? ? var last_name = jQuery('#last_name').val();
? ? ? var email = jQuery('#email').val();
? ? ? ? var newsletter = jQuery("input[name=newsletter]").val();
? ? ? $.ajax({
? ? ? ? type: "POST",
? ? ? ? url: ajaxurl,
? ?data: {
? ? ? name: name,
? ? ? action: 'newsletter',
? ? ? ? ? first_name: first_name,
? ? ? ? ? last_name: last_name,
? ? ? ? ? email: email,
? ? ? ? ? newsletter : newsletter },
? ? ? ? success: function(data, result) {
? ? ? ? ? console.log(result + ' ' + data);
? ? ? ? ? $("#form_output").html('Ok');
? ? ? ? },
? ? ? ? error: function(data, result, error) {
? ? ? ? ? console.log(result + ' ' + data + ' ' + error);
? ? ? ? ? $("#form_output").html('Erreur');
? ? ? ? },
? ? ? });
? ? });
然后它應該工作。
- 1 回答
- 0 關注
- 125 瀏覽
添加回答
舉報
0/150
提交
取消