jQuery簡單的表單提交沒有重裝

有人可以提供我用jQuery的表單提交最簡單的代碼。網上有各種Gizmo編碼。jQuery簡單的表單提交沒有重裝

2010-01-11 dave

$（ '形式'）提交（）是一個明顯的答案 - 但可能不是你所尋找的。你能說得更具描述性，你想做什麼？ – ondra 2010-01-11 10:24:31

我有一個簡單的刪除記錄頁面，我想刪除一條記錄。我不想任何刷新，並且需要jQuery的工作 – dave 2010-01-11 10:29:52

$('#your_form_id').submit(function(){ 
    var dataString = $("#your_form_id").serialize(); 

    $.ajax({ 
    type: "POST", 
    url: "submit.php", 
    data: dataString, 
    success: function() { 
     alert('Sent!'); 
    } 
    }); 

    return false; 
});

來源

2010-01-11 10:29:52

正確的，我想要從sql.quick執行一次submit.php返回一個值。就像我給你的答案添加評論 – dave 2010-01-11 10:30:52

@dave：看到這個問題如何做到這一點：http://stackoverflow.com/questions/388436/jquery-ajax-return-value – 2010-01-11 10:34:22

成功函數給出的參數（數據，textStatus）。您可以根據成功工作中收到的數據行事。 – ondra 2010-01-11 10:34:50

你想要的是jquery form plugin。它允許你簡單地使用ajax發送普通的'表單' - 你可以製作一個不可見的表單，並使用這個插件來分發它。喬爾答案中的選項也是可能的，這取決於你想提交的東西的複雜性。

來源

2010-01-11 10:32:11 ondra

是的，我會加入東西。它是否與爲你的答案添加評論一樣？ – dave 2010-01-11 10:35:33

是的，它確實 - 我不確定是否stackoverflow特別使用表單插件:) – ondra 2010-01-11 10:39:08

看看在Form插件：

$(function() { 
    $('#myForm').ajaxForm(function() { 
     alert("Thank you for your comment!"); 
    }); 
});

來源

2010-01-11 10:32:22

這裏是另一種解決方案，而不是簡單的jQuery的表格插件，但如果你想自己來處理錯誤代碼和消息，這可能是有用的。

看看這個HTML +的Javascript示例：

<div> 
     <form method="post" id="fm-form" action =""> 
     <label>Name:</label> 
      <input type="text" id="fm-name" name="fm-name" value="" /> 
      <label>Email:</label> 
      <input type="text" id="fm-email" name="fm-email" value="" /> 
      <label>Birthdate:</label> 
      <input type="text" id="fm-birthdate" name="fm-birthdate" value="" /> 

      <input type="submit" id="fm-submit" value="Save it"> 
     </form> 
    </div> 


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

    // disable the form submission 
    $("#fm-form").submit(function() { return false; }); 

    // post the datas to "submit_form.php" 
    $("#fm-submit").click(function() { 
    $.post("/ajax/submit_form.php", 
     { 'fm-name':$("#fm-name").val(), 
     'fm-email':$("#fm-email").val(), 
     'fm-birthdate':$("#fm-birthdate").val() 
     } 
     ,function(xml) { 
     // submit_form.php will return an XML or JSON document 
     // check it for potential errors 
     }); 
    }); 

}); 
</script>

來源

2010-01-11 10:49:27

jQuery簡單的表單提交沒有重裝

回答

相關問題