在頭部定義的Javascript函數不起作用

Question

<script> 
$(document).ready(function() { 
    $('#submitButton').submit(function(event) { 
     event.preventDefault(); 
     $.post('http://sentiment.vivekn.com/api/text/', 
       $('#myForm').serializeArray(), 
       function(data, status) { 
        var json = JSON.parse(data); 
        $('text').html(document.getElementById('message').innerHTML); 
        $('sentiment').html(json.result.sentiment); 
        $('confidence').html(json.result.confidence); 
        console.log(json.result.sentiment); 
        console.log(status+"\n"); 
       }); 
     }); 
}); 
</script> 

<section class="container content-section"> 
    <div class="row"> 
     <div class="col-lg-10 col-lg-offset-1"> 

      <div class="row control-group"> 
       <div class="form-group col-xs-12 floating-label-form-group controls"> 
        <form id="myForm" method=POST action="http://sentiment.vivekn.com/api/text/"> 

         <p>Enter your sentences:</p> 
         <textarea rows="5" type=text name="txt" class="form-control" placeholder="Sentences to detect" id="message" required data-validation-required-message="Please enter a message."></textarea> 
         <br> 
         <button class="btn btn-primary align-right" type="submit" id="submitButton">Submit</button> 
        </form> 
       </div> 
      </div> 

這部分應該在頁面加載時工作，但它根本沒有響應。

編輯：腳本根本不執行，我們得到的是對url的GET請求：... index.html /？txt = [inputfrommyform]，頁面上沒有任何更改，而不是頁面甚至擊中目標POST請求服務器。

剛剛根據評論更新。謝謝！

我們從Chrome中得到的錯誤檢查仍然是

Uncaught ReferenceError: $ is not defined

Answer 1

四個問題：

1. 你要聽哪個沒有按」 #myForm代替#submitButton的提交事件發出這樣的事件。

2. 您的回調函數接收到已解析的JSON對象，解析再次失敗，因爲預期會得到一個字符串，但會給出一個對象。

3. 您需要通過從提交事件處理程序返回false來阻止表單提交的默認操作。

4. 您需要在之前的腳本中包含jQuery 。

固定碼：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script> 
 
    $(document).ready(function() { 
 
    $('#myForm').submit(function() { 
 
     $.post('http://sentiment.vivekn.com/api/text/', 
 
     $('#myForm').serializeArray(), 
 
     function(json, status) { 
 
      $('text').html(document.getElementById('message').innerHTML); 
 
      $('sentiment').html(json.result.sentiment); 
 
      $('confidence').html(json.result.confidence); 
 
      console.log(json.result.sentiment); 
 
      console.log(status + "\n"); 
 
     }); 
 
     return false; 
 
    }); 
 
    }); 
 
</script> 
 

 
<section class="container content-section"> 
 
    <div class="row"> 
 
    <div class="col-lg-10 col-lg-offset-1"> 
 
     <div class="row control-group"> 
 
     <div class="form-group col-xs-12 floating-label-form-group controls"> 
 
      <form id="myForm" method=POST action="http://sentiment.vivekn.com/api/text/"> 
 
      <p>Enter your sentences:</p> 
 
      <textarea rows="5" type=text name="txt" class="form-control" placeholder="Sentences to detect" id="message" required data-validation-required-message="Please enter a message."></textarea> 
 
      <br> 
 
      <button class="btn btn-primary align-right" type="submit" id="submitButton">Submit</button> 
 
      </form> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</section>