Jquery注入html；不起作用.ajax调用不稳定

我对jquery&ajax我有两个问题。我有以下html层次结构；

<div id="tasks">
    <!-- I want to inject another div  task_element and change the values inside -->
    <div id="task_element">
        <section class="actionframe"> ...
        <nav class="commentsDetail">  ...       
    </div>
    <div id="task_element">
        ....
    </div>
</div>

html中的注释注入是通过单击html按钮来处理的。我有以下jquery来处理该事件；

$('.addTaskBtn').click(function() {
    if(!$('#add_task_name').val())
    {
        $('.dropinput nav').slideUp(300);
        return false;
    }
    else
    {           
        // call ajax
        var $task_name = $('#add_task_name').val();
        var $task_date_time = $('#add_task_date').val();        
        var $task_location = $('#add_task_location').val();
        var $add_task = 'add_task';
        var sent_data = { 
               "op": $add_task ,
               "task_name" : $task_name,
               "task_date_time" : $task_date_time,
               "task_location" : $task_location
        };      
        var $out = JSON.stringify(sent_data);
        $.ajax({
              type: 'POST',
              url: 'ajax_service.php',                    
              contentType: "application/json; charset=utf-8",
              dataType: 'json',
              data: $out,        
              success: function() {
                  //$('.dropinput nav').slideUp(300);
                  // append jquery div
                  //window.location.reload();
                  $('#add_task_name').val('');
                  $('#add_task_date').val('');
                  $('#add_task_location').val('');
                  $('.dropinput nav').slideUp(300);                                                                   
                  $('#tasks').closest('#task_element').prependTo('#tasks');
              },
              error: function(xhr, ajaxOptions ,thrownError) {          
                  console.log(xhr);
                  console.log(thrownError);
              }
         });                    
    }
});

第一个问题显然是我无法在html中实现注入。第二个问题是，当我在success函数中更改代码时，ajax_service变得不稳定。所谓不稳定，我的意思是，在第一次点击按钮时，它可以正常工作，但在下一次点击时，它根本不工作（反之亦然），并引发内部服务器错误。

有什么解决问题的办法吗？

在成功函数中更改ui是错误的吗？

p.S：我几乎可以肯定ajax_service.php工作正常

编辑：根据评论，我将添加ajax_service.php；

...some session variables and includes other php files here ...
$data = file_get_contents('php://input');
$data = json_decode($data, true);
if($data['op'] == 'add_task')
{
        $task_name = $data['task_name'];
        $task_location = $data['task_location'];        
        $task_date_time = $data['task_date_time'];
        $task_date_time = trim($task_date_time);
        if($task_date_time != "")
        {           
            $date_time = explode(" ", $task_date_time);             
            $task_date = "'".$date_time[0]."'";         
            $task_time = "'".$date_time[1]."'"; 
            if(trim($task_date) == "''")
            {
                $task_date = 'NULL';
            }
            if(trim($task_time) == "''")
            {
                $task_time = 'NULL';
            }       
            if( ($task_date == 'NULL'))
            {               
                $task_time = "'".$date_time[0]."'";
            }
        }
        else
        {           
            $task_date = 'NULL';
            $task_time = 'NULL';            
        }
        // 0 : history, 1 : today, 2 : later
        // compare browser time and task_date and define $time3 variable
        $task_time3 = 1;
        if(isset($task_name))
        {
            if($task_location == "")
            {
                $task_location = NULL;
            }
            $result_add_task = add_task($profile_id, $task_name, $task_location, $task_date, $task_time3, $task_time);
            if($result_add_task['result'])
            {
                $return['error'] = false;
                $return['msg'] = $result_add_task['description'];
                $return['op'] = 'add_task';
            }
            else 
            {
                $return['error'] = true;
                $return['msg'] = $result_add_task['description'];
                $return['op'] = 'add_task';         
            }
        }
        else 
        {
            $return['error'] = true;
            $return['msg'] = 'task_name is empty';
            $return['op'] = 'add_task';
        }
        echo json_encode($return);  
}