Question

我正在开发插件，在一个阶段我想使用jjery选择框使用ajax，下面是我的代码，我知道如何在wordpress中使用ajax任何人都可以帮助我

<select id="payment_status">           
                        <option value="Payment Due">Payment Due</option>
                        <option value="Payment Completed">Payment Completed</option>
                        </select>

     $(document).ready(function() {
                            $("#payment_status").change(function(){
                                jQuery.ajax({
                                type:"post",
                                    url:ajaxurl,
                                data:  {action: 'test.php',keyname:$('#payment_status option:selected').val()}
                                    // alert($('#payment_status option:selected').val());
                            })
                        });

Answer 1

我认为你的js代码必须在这个

上看起来像

    jQuery( document ).on( 'click', '.love-button', function() {
    var post_id = jQuery(this).data('id');
    jQuery.ajax({
        url : ajax_url,
        type : 'post',
        data : {
            action : 'post_love_add_love',
            post_id : post_id
        },
        success : function( response ) {
            alert(response)
        }
    });
});

并将这部分代码添加到functions.php

中

add_action( 'wp_ajax_nopriv_post_love_add_love', 'post_love_add_love' );
add_action( 'wp_ajax_post_love_add_love', 'post_love_add_love' );

function post_love_add_love() {
    $love = get_post_meta( $_POST['post_id'], 'post_love', true );
    $love++;
    if ( defined( 'DOING_AJAX' ) && DOING_AJAX ) { 
        update_post_meta( $_POST['post_id'], 'post_love', $love );
        echo $love;
    }
    die();
}

这是在WordPress中使用ajax的唯一例子。

如何使用ajax和jquery在wordpress中使用选项值？

1 个答案: