Javascript jqueryajax表单提交

这个代码正确吗？我正试图提交它，而且我想在提交时，如果文本区域将再次为空

<script type="text/javascript">
$(document).ready(function(){

    $("form#submit").submit(function() {
        // we want to store the values from the form input box, then send via ajax below
        var fid = $(".messag").attr("id");
        var val = $("#mess_ar").val();
        $.ajax({
            type: "POST",
            url: "send_message.php",
            data: "fid="+ fid +"&val="+ val,
            success: function(){
                    $("#mess_ar").
            }
        });
        return false;
    });
}):
</script>

$（文档）.ready（函数（）{
$（“表单提交”）.submit（函数（）{
//我们希望存储表单输入框中的值，然后通过下面的ajax发送
var fid=$（“.messag”）.attr（“id”）；
var val=$（“#mess_ar”）.val（）；
$.ajax({
类型：“POST”，
url:“send_message.php”，
数据：“fid=“+fid+”&val=“+val，
成功：函数（）{
美元（“混乱”）。
}
});
返回false；
});
}):

我正在尝试上载以下内容：

<form id="submit" method="POST">
<textarea name="mess_cont" id="mess_ar" autofocus="autofocus" cols="70" rows="5">      </textarea>
<button id="mess_but" type="submit">Send</button>
</form>

发送

---

谢谢…

看起来不错。要清空textarea，请在ajax成功回调中使用以下命令：

$("#mess_ar").val('');

---

你到底在找什么？它是否也返回数据作为响应？添加跟踪错误情况的函数。弄得像

<script type="text/javascript">
$(document).ready(function(){

    $("form#submit").submit(function() {
       // we want to store the values from the form input box, then send via ajax below
       var fid = $(".messag").attr("id");
       var val = $("#mess_ar").val();
       $.ajax({
          type: "POST",
          url: "send_message.php",
          data: "fid="+ fid +"&val="+ val,
          success: function(incoming_data){
             // ALERT incoming data if coming
             $("#mess_ar").text(""); // DO YOUR JOB CONTINUOU
          },
          error: function() { 
             alert("BROKEN REQUEST.");
          }
       });
       return false;
   });

});
</script>

$（文档）.ready（函数（）{
$（“表单提交”）.submit（函数（）{
//我们希望存储表单输入框中的值，然后通过下面的ajax发送
var fid=$（“.messag”）.attr（“id”）；
var val=$（“#mess_ar”）.val（）；
$.ajax({
类型：“POST”，
url:“send_message.php”，
数据：“fid=“+fid+”&val=“+val，
成功：函数（传入的_数据）{
//如果传入数据，则发出警报
$（“#mess_ar”）.text（“”；//继续做你的工作
},
错误：函数（）{
警报（“中断请求”）；
}
});
返回false；
});
});

除此之外，一切似乎都很好

​$(function(){
    $("form#submit").submit(function(e){
        e.preventDefault();
        var fid = $(".messag").attr("id");
        var val = $("#mess_ar").val();
        $.ajax({
            type: "POST",
            url: "send_message.php",
            data: "fid="+ fid +"&val="+ val,
            success: function(){
                $("#mess_ar").val("");
            }
        });
    });
});​

使用

而不是

$("#submit").submit(function(e){...});

---

如果您使用的是最新版本的jquery。

您可能需要在事件捕获函数中添加一个参数，如so

$（“form#submit”）。submit（函数（e）{

然后可以使用

e.preventDefault（）

要停止默认操作，请从happening@ianbarkerreturn false；已在末尾使用。您发布的HTML中没有类“messag”，因此尝试设置“fid”的行将其设置为

null

。此外，“success”函数显然不完整；是否只需cal

.val（“”）

清除文本区域？@TJ.我错过了这一点，但是我认为使用jQuery时，

preventDefault（）

是首选方法。messag是此表单中的元素，我应该能够在php文件行normal$\u POST[“”]中接收它们。是的，因为您正在从ajax`数据传递参数：“fid=“+fid+”&val=”+val`因此可以通过

$\u POST['fid']

和“$\u POST['val']”在php中访问它们。但是，错误以客户端错误对象的形式出现。因此，如果您想传递到php服务器端，您需要制作另一个can，在其中传递错误对象！为什么要在提交时重新加载整个页面？您添加了e.preventDefault（），请看一下这个

$("#submit").submit(function(e){...});