AJAX中的错误请求

Question

I am trying to develop a WordPress plugin. I am getting Bad Request from below AJAX code.

    // On change division 
    $('body').on( 'change', '.division', function() {
        $.ajax({
            type: "POST",
            url:localData.statesurl,
            data:{
                division: $(this).val(),
                action: 'division_to_district_ajax'
            },
            success:function(rss){
                alert(rss);
                $('.district').empty();
                var $opt = '';  
                $.each( JSON.parse(rss), function(key, value) {
                    $opt += '<option value="'+key+'">'+value+'</option>';
                });
                $('.district').append($opt);
            },
            error: function (jqXHR, textStatus, errorThrown) { alert(errorThrown); },
            dataType: "json",
        contentType: "application/json"
        });         
    });

Could anyone say why I am getting Bad Request ?

Answer 1

Try like this

add_action( 'wp_ajax_division_to_district_ajax', 'division_to_district_ajax_function');
add_action( 'wp_ajax_nopriv_division_to_district_ajax', 'division_to_district_ajax_function');
function division_to_district_ajax_function(){

    $myArr = array(
        'response' => 'xyz'
    );
    $myJSON = json_encode($myArr); 
    echo $myJSON;
    die();
}



// On change division 
    jQuery('body').on( 'change', '.division', function() {


        jQuery.ajax({
            url: '<?php echo admin_url( 'admin-ajax.php');?>',
            type: "POST",
            data: {'action': 'division_to_district_ajax', division: jQuery(this).val()},
            cache: false,
            dataType: 'json',
            beforeSend: function(){
            },
            complete: function(){
            },
            success: function (response) { 

                console.log($response);

            }
        });


    });