Question

我是JavaScript的新手，偶然发现了我正在努力解决的问题。我想将数据从表单发布到服务器，但是在单击提交按钮时，它似乎不会发送信息。任何帮助将不胜感激！

JAVASCRIPT：

   $("#sendFeedbackButton").click(function(){
   $.post("Link to the server", $("#feedbackform").serialize())
   alert("Thanks for the feedback");
   });

HTML：

   <form id="feedbackform" name="feedbackform">
   <textarea id="name" name="name" cols="10" rows="5"></textarea>
   <input type="email" id="email" name="email">
   <textarea id="comment" name="comment" cols="30" rows="5"></textarea>
   <input type="button" id="sendFeedbackButton" value="Send feedback"/>
   </form>

Answer 1

$("sendFeedbackButton").click(function(){

您忘记了#

$("#sendFeedbackButton").click(function(){

您必须#使用id，.使用class

实施例

$('#id')
$('.class')

<小时/> <小时/>

$("#sendFeedbackButton").click(function(){

   $.post("ajax-or-whatever-.php", $("#feedbackform").serialize(), function(response_from_server){ // this function runs after the infos have been sent and the server responded
        alert("Thanks for the feedback" + response_from_server);
   });

   return false; // don't let the form submit and refresh, instead run code above
});

Answer 2

更改

$("sendFeedbackButton")

到

$("#sendFeedbackButton")

Answer 3

试试这个：

$("#sendFeedbackButton").click(function(){

而不是

$("sendFeedbackButton").click(function(){

Answer 4

$("#sendFeedbackButton").click(function(){
$.post("Link to the server", $("#feedbackform").serialize())
alert("Thanks for the feedback");
});

注意sendFeedBackButton前面的＃

Answer 5

这是$.ajax的演示。它响应错误服务器因为我没有服务器，但如果服务器存在它应该没问题。您可以在网络中看到调用，并在此演示中转到错误函数，因为没有服务器存在并执行警报。

http://jsfiddle.net/nn007/sAaLU/

JavaScript Post方法

5 个答案: