第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

使用AJAX和jQuery提交表單

使用AJAX和jQuery提交表單

慕尼黑8549860 2019-08-08 14:56:07
使用AJAX和jQuery提交表單看起來這應(yīng)該是jQuery內(nèi)置的東西而不需要多行代碼,但我找不到“簡單”的解決方案。說,我有一個(gè)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>當(dāng)有人更改選擇字段時(shí),我想使用ajax提交表單來更新數(shù)據(jù)庫。我認(rèn)為有一些方法可以在不手動創(chuàng)建值/屬性的情況下執(zhí)行以下操作,只需將它們?nèi)堪l(fā)送,例如:$("select").change(function(){     $.get("page.html?" + serializeForm());});我錯(cuò)過了什么?
查看完整描述

3 回答

?
德瑪西亞99

TA貢獻(xiàn)1770條經(jīng)驗(yàn) 獲得超3個(gè)贊

首先給你的表單一個(gè)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()從表單中提取相關(guān)數(shù)據(jù)。它還假設(shè)您關(guān)心的選擇是表單中的第一個(gè)選擇。

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


查看完整回答
反對 回復(fù) 2019-08-08
?
翻翻過去那場雪

TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊

有一個(gè)很好的表單插件,允許您異步發(fā)送HTML表單。

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

要么

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

立即提交表格


查看完整回答
反對 回復(fù) 2019-08-08
?
繁花如伊

TA貢獻(xiàn)2012條經(jīng)驗(yàn) 獲得超12個(gè)贊

這就是最終的工作。

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


查看完整回答
反對 回復(fù) 2019-08-08
  • 3 回答
  • 0 關(guān)注
  • 422 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號