數(shù)周以來(lái)，我一直在社區(qū)和教程中尋找解決問(wèn)題的方法，但找不到答案。我已經(jīng)創(chuàng)建了一個(gè)表格來(lái)為我的 WordPress 數(shù)據(jù)庫(kù)注冊(cè)時(shí)事通訊的訂戶。僅使用 PHP，將 POST 數(shù)據(jù)發(fā)送到數(shù)據(jù)庫(kù)。但是，我想將該表單與 ajax 一起使用，以阻止頁(yè)面刷新?，F(xiàn)在，不再有數(shù)據(jù)發(fā)送到數(shù)據(jù)庫(kù)，我不明白為什么。使用下面的代碼，我在控制臺(tái)中獲得以下信息：first_name=Claire&last_name=Lavigne&email=lavigneclaire81%40gmail.com?ister=newsletterPOST http://localhost/ /wp/wp-admin/admin-ajax.php 400（錯(cuò)誤請(qǐng)求）錯(cuò)誤 [對(duì)象對(duì)象] 錯(cuò)誤請(qǐng)求 <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貢獻(xiàn)1826條經(jīng)驗(yàn) 獲得超6個(gè)贊
您需要一個(gè)“操作”字段來(lái)使 WordPress AJAX 工作。
但是您還需要單獨(dú)的字段來(lái)實(shí)現(xiàn)您的功能。
制作一個(gè)“通訊”動(dòng)作，例如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');
? ? ? ? },
? ? ? });
? ? });
然后它應(yīng)該工作。
- 1 回答
- 0 關(guān)注
- 134 瀏覽
添加回答
舉報(bào)
0/150
提交
取消