已解決430363個問題，去搜搜看，總會有你想問的

使用AJAX和jQuery提交表單

首頁猿問使用AJAX和jQuery提交表單

使用AJAX和jQuery提交表單

JQuery Html/CSS

慕尼黑8549860 2019-08-08 14:56:07

使用AJAX和jQuery提交表單看起來這應該是jQuery內置的東西而不需要多行代碼，但我找不到“簡單”的解決方案。說，我有一個HTML表單：<form method="get" action="page.html"> <input type="hidden" name="field1" value="value1" /> <input type="hidden" name="field2" value="value2" /> <select name="status"> <option value=""></option> <option value="good">Good</option> <option value="bad">Bad</option> </select></form>當有人更改選擇字段時，我想使用ajax提交表單來更新數據庫。我認為有一些方法可以在不手動創建值/屬性的情況下執行以下操作，只需將它們全部發送，例如：$("select").change(function(){ $.get("page.html?" + serializeForm());});我錯過了什么？

查看完整描述

3 回答

德瑪西亞99

TA貢獻1770條經驗獲得超3個贊

首先給你的表單一個id屬性，然后使用這樣的代碼：

$(document).ready( function() {
  var form = $('#my_awesome_form');

  form.find('select:first').change( function() {
    $.ajax( {
      type: "POST",
      url: form.attr( 'action' ),
      data: form.serialize(),
      success: function( response ) {
        console.log( response );
      }
    } );
  } );} );

因此，此代碼用于.serialize()從表單中提取相關數據。它還假設您關心的選擇是表單中的第一個選擇。

為了將來參考，jQuery 文檔非常非常好。

反對回復 2019-08-08

翻翻過去那場雪

TA貢獻2065條經驗獲得超14個贊

有一個很好的表單插件，允許您異步發送HTML表單。

$(document).ready(function() { 
    $('#myForm1').ajaxForm(); });

要么

$("select").change(function(){
    $('#myForm1').ajaxSubmit();});

立即提交表格

反對回復 2019-08-08

繁花如伊

TA貢獻2012條經驗獲得超12個贊

這就是最終的工作。

$("select").change(function(){
    $.get("/page.html?" + $(this).parent("form").find(":input").serialize()); });

反對回復 2019-08-08

3 回答
0 關注
431 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

使用AJAX和jQuery提交表單

使用AJAX和jQuery提交表單

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

使用AJAX和jQuery提交表單

使用AJAX和jQuery提交表單

3 回答

相關問題推薦

添加回答