2015-09-29 4 views
1

Я использую X-Editable jquery plugin, и я схожу с ума. Я не могу получить запрос AJAX для отправки в submit. Я отправляю всегда, но, глядя на свою сеть, я не вижу никаких отправленных запросов.X-Редактируемый запрос AJAX не отправляется

Ниже мой код

<form class="form-horizontal form-editable"> 
    <div class="row padding-top-20"> 
    <div class="col-md-4"> 
     <div class="form-group"> 
     <label class="col-md-3 control-label text-left" for="client-fname">First Name:</label> 
     <div class="col-md-9 editable-cont col-no-padding-left"> 
      <a href="#" id="client-fname" data-type="text" data-name="fname" class="editable-item"><?php echo $client['fname'];?></a> 
      <span class="editable-span"><a href="#" class="text-red underline editable-edit">edit</a></span> 
     </div> 
     </div> 
     <div class="form-group"> 
     <label class="col-md-3 control-label text-left" for="client-lname">Last Name:</label> 
     <div class="col-md-9 editable-cont col-no-padding-left"> 
      <a href="#" id="client-lname" data-type="text" data-name="lname" class="editable-item"><?php echo $client['lname'];?></a> 
      <span class="editable-span"><a href="#" class="text-red underline editable-edit">edit</a></span> 
     </div> 
     </div> 
    </div> 
    <button type="button" class="btn btn-success submit-editable">Save</button> 
    <button type="button" class="btn btn-default cancel-editable">Cancel</button> 
</form> 

<script> 
    $(function(){ 
    $.fn.editable.defaults.mode = 'inline'; 
      $.fn.editable.defaults.send = "always"; 
      $.fn.editable.defaults.url = "/post.php"; 
      $.fn.editable.defaults.ajaxOptions = {type: "POST"}; 
      $('.editable-item').editable({ 
       type: 'text', 
       emptytext: 'Click to Edit', 
       showbuttons: false, 
       toggle: 'manual', 
       onblur: 'ignore', 
       success: function(response, newValue) { 
        alert(response); 
       } 
      }).on('click', function (e) { 
       e.stopPropagation(); 
       e.preventDefault(); 
       $('#editable-buttons-container').show(); 
       $('.editable-item').editable('show'); 
       $('.editable-edit').hide(); 
      }); 

      $('.submit-editable').on('click',function(){ 
       alert('submit mofo'); 
       $('.editable-item').editable().submit(); 
      }); 
    }); 
</script> 
+1

Этот код не содержит кнопок отправки и без JavaScript. Я не понимаю, почему вы ожидаете, что сможете представить его или почему JavaScript должен взять на себя и сделать запрос, когда вы это сделаете. – Quentin

+0

Мне жаль, что я забыл добавить JS-часть кода – LefterisL

+0

Какой элемент '$ ('. Submit-editable')' должен совпадать? – Quentin

ответ

0

Тот же вопрос. Нашел другой способ, который устанавливает значения по умолчанию и его работу:

$.extend($.fn.editable.defaults, { 
    ajaxOptions: { 
     type: 'PUT', 
     dataType: 'script' 
    } 
}); 
+1

Я действительно не помню, как я решил решить это. Может, я сдался. Тем не менее, я не буду принимать его для будущих пользователей. – LefterisL

Смежные вопросы