呼叫AJAX发送按键的价值

Question

我读了很多类似的问题，我尝试了所有的解决方案，但似乎没有任何工作。我想通过点击一个按钮发送一个AJAX请求，并发送用户在textarea中键入的内容，并将其显示在div（chatbox）中。当我点击按钮时，没有任何反应。它从不调用具有AJAX代码的函数。你有什么想法发生了什么？

P.S.我包含JavaScript文件，但没有任何更改。

<form action="ajax()"> 
 
    <textarea id="txtArea" name="txtArea" ></textarea> 
 
    <input type="submit" value="Submit" /> 
 
</form>

<script type="text/javascript"> 
 

 
//AJAX function 
 
function ajax() { 
 
    alert("insert"); 
 
    var txtArea = $("#txtArea").val(); 
 

 
    $.ajax({ 
 
     type: "POST", 
 
     url: "InsertMessage.php", 
 
     data: { 
 
      txtArea: txtArea 
 
     } 
 
     success: function(data) { 
 
      alert(data); 
 
      $("#chatbox").load("DisplayMessages.php") 
 
      $("#txtArea").val(""); //Insert chat log into the #chatbox div \t \t \t \t 
 
     } 
 
     error: function() { 
 
      alert('there was an error, write your error handling code here.'); 
 
     } 
 
    }); 
 
} 
 

 
$(document).ready(startAjax); 
 
//setInterval(function(){ 
 
// \t $("#chatbox").load("DisplayMessages.php"); \t \t 
 
//}//,1400); 
 
\t 
 
</script>

Answer 1

的action属性必须包含一个URL，而不是使用Javascript。您可以使用：

<form action="javascript:ajax()"> 

或：

<form onsubmit="ajax(); return false;"> 

，或者你可以在jQuery的事件绑定：

$(document).ready(function() { 
    $("form").submit(function() { 
     ajax(); 
     return false; 
    }); 
}); 

Answer 2

你的问题不是那么清楚，但是对于post方法发送数据当提交表单然后在div中显示结果时，请尝试如下所示：

html：

个

<form> 
     <textarea id="txtArea" name="txtArea" ></textarea> 
     <input type="submit"> 
    </form> 

    <div id="resultDiv"> 
    </div> 

JS：

$("form").submit(function(event) { 
    var txtArea = $("#txtArea").val(); 
    $.ajax({ 
       type:"POST", 
       url:"InsertMessage.php", 
       data:{txtArea:txtArea} 
       success: function(data){ 
        alert(data);       
        $("#resultDiv").html(data);   
       } 
       error: function(){ 
        alert('there was an error, write your error handling code here.'); 
       } 
     }); 
});