如何用ajax替换php函数

Question

I am new to AJAX here. How can i replace the initial php function after the action of ajax is execute? I have found that the page will not refresh after the action is execute. Here is the code:

javascript

function set_ddm(another_data) {
    var result = $.ajax({
        url: '../display/ea_form_header.php',
        type: 'POST',
        data: {
            action: 'set_ddm',
            Data_store: another_data,
        },
        success: function(data) {
            console.log(data);

        }
    }).responseText;
}

php code

<td>
<?php 
//initial function (customized drop down)
print ddm_jsfunc_employee("employee_list",$employee_list)

set_ddm(data);

if($_POST['action'] =='set_ddm') {
    $employee_list=$_POST['Data_store'];    

    $employee_list_decoded = json_decode($employee_list,true);              

//expected this function to replace the initial function after ajax was called
print ddm_jsfunc_employee("employee_list",$employee_list_decoded);
} ?>
</td>

I expect the function will replace the initial function and show in the main page but it only show in console after ajax(page aren't refresh to show it). Is there any wrong with the code or any solution for this? (the ddm_jsfunc_employee must be there to print the drop down) thanks in advance

Answer 1

From ajax success callback you have to set that response in the html to view on web page.

like this:

$('.elementClass').html(response);

i hope this will works for you.