WordPress 通过 AJAX 将数据保存到数据库

Question

总的来说，我对 WordpPress 和 Web 开发还很陌生。尝试通过 ajax 调用将数据从我在页面上的表单保存到 wordpress 数据库。

这是我的表格：

             <form type="post" action="" id="MSRPForm">
                    <div class="py-3 my-0 form-group row border-top border-bottom align-items-center">
                        <label for="inputEmail" class="col-sm-4 col-form-label" >Email</label>
                        <div class="col-sm-8">
                            <input name="Email" type="text" class="form-control-plaintext" id="inputEmail"
                            placeholder="email@example.com">
                        </div>
                    </div>
                    <div class="py-3 my-0 form-group row border-top border-bottom align-items-center">
                        <label for="inputZipCode" class="col-sm-4 col-form-label" >Zip Code</label>
                        <div class="col-sm-8">
                            <input name="ZipCode" type="text" class="form-control" id="inputZipCode" placeholder="Enter your Zip Code">
                        </div>
                    </div>

                    <div class="py-3 my-0 form-group row border-top border-bottom align-items-center">
                        <label for="inputMSRP" class="col-sm-6 col-form-label font-weight-bold" >MSRP<br><small>Manufacturer's Suggested Retail Price</small></label>
                        
                        <div class="col-sm-6">
                        <input name="MSRP" type="text" min="1000" class="form-control text-right" id="inputMSRP" placeholder="Enter the MSRP">
                        </div>
                    </div>
                    <button id="msrp-btn" type="button" class="btn btn-primary my-2">Calculate</button>
                </form>

这是一个AJAX。它被包装到 jQuery 函数中，所以它确实有效：

 let ajaxurl = "wp-admin/admin-ajax.php";
$(document).ready(function(){
    $("#msrp-btn").click(function(e) {
        e.preventDefault();       
        let email = $('#inputEmail').val();
        let zipCode = $('#inputZipCode').val();
        let msrp = $('#inputMSRP').val();

        let info = {
            'action': 'addMSRP',
            'email': email,
            'zipCode' : zipCode,
            'msrp' : msrp
        };
            
        
        jQuery.ajax({
            type: "POST",
            url: ajaxurl, 
            data: info,
            beforeSend: function() {            
                $('#myModal').modal('show'); 
                // console.log( info);
            },
            success: function(res){
                console.log(res);
            },
            error: function(res){
                console.log(res)
            },
        }); 

    });  
});

最后这是我 functions.php

中的代码

    add_action('wp_ajax_addMSRP', 'addMSRP');
add_action('wp_ajax_nopriv_addMSRP', 'addMSRP');

function addMSRP() {

    global $wpdb;

    $email = $_POST['Email'];
    $zipCode = $_POST['ZipCode'];
    $MSRP = $_POST['MSRP'];
    
    
    if ( $wpdb->insert( 'msrp_info', array(
        'email' => $email,
        'zipCode' => $zipCode,
        'MSRP' => $MSRP
    ) ) === false ) {
        wp_die('Database Insertion failed'); 
    } else {
        echo "Info successfully added, row ID is ".$wpdb->insert_id;
    }
    exit();
}

当数据传递到服务器时，代码似乎可以正常工作，但它没有保存到数据库中。如果有人能告诉我我做错了什么，将不胜感激。谢谢。

Answer 1

我发现有几个问题，即您没有将正确的变量传递给 $_POST。您还需要指定数据库的名称 table。尝试使用以下代码插入数据库。

add_action('wp_ajax_addMSRP', 'addMSRP');
add_action('wp_ajax_nopriv_addMSRP', 'addMSRP');  

function addMSRP(){
    
        global $wpdb;
        //output will be your debug tool - if it posts it works.
        $output = ['status' => 1];
        $email = sanitize_text_field($_POST["email"]);
        $zipcode = sanitize_text_field($_POST["zipCode"]);
        $MSRP = sanitize_text_field($_POST["msrp"]);
    
        $table = $wpdb->prefix . 'enteryourdatabasename';
        //This below code has to match exactly what the database reads.
        //If 'msrp' in the database the table is 'MsRp' - than replace it as spelled below. 
        $data = array(
            'email' => $email,
            'zipcode' => $zipcode,
            'msrp' => $MSRP,
            
        );
    
        $wpdb->insert($table, $data);
    //using wp_send_json to send that response and kill script.
        $output['status'] = 2;
        wp_send_json($output);
    
    
    
    }

WordPress 通过 AJAX 将数据保存到数据库

WordPress save data to DB via AJAX

php

ajax

wordpress

ajaxform

wordpress-database