无法发布数据到我的网页api - ajax

Question

我想发布我的表单数据到我的API。虽然我可以拨打电话，但看起来没有数据发布。

我在做什么错？另外，我想以JSON格式发布数据。我应该做JSON.stringify（）吗？

P.S.小白这里

<div id="response"> 
    <pre></pre> 
</div> 

<form id="my-form"> 
      <div id="app"> 
      <h1 style="color:#5bb7db;">Get Started</h1> 
      <div class="form-group"> 
       <label for="src">Source:</label> 
       <input type="text" class="form-control" id="src" placeholder="source folder path"> 
      </div> 
      <div class="form-group"> 
       <label for="dest">Destination:</label> 
       <input type="text" class="form-control" id="dest" placeholder="destination folder path"> 
      </div> 
      <button type="submit" id="sbmt" class="btn btn-primary">Submit</button> 
</form> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
    (function($){ 
     function processForm(e){ 
     console.log($(this).serialize()); 
      $.ajax({ 
       url: 'http://localhost:3000/posts', 
       dataType: 'text', 
       type: 'post', 
       cors: true, 
       contentType: 'application/json', 
       data: $(this).serialize(), 
       success: function(data, textStatus, jQxhr){ 
        $('#response pre').html(data); 
       }, 
       error: function(jqXhr, textStatus, errorThrown){ 
        console.log(errorThrown); 
       } 
      }); 

      e.preventDefault(); 
     } 

     $('#my-form').submit(processForm); 
    })(jQuery); 
</script> 
</body> 

Answer 1

你需要为source和destination输入

<input type="text" name="source" class="form-control" id="src" placeholder="source folder path"> 

<input type="text" name="destination" class="form-control" id="dest" placeholder="destination folder path">