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

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

有沒(méi)有辦法在同一窗口中通過(guò) ajax 提交從單獨(dú)頁(yè)面加載的表單?

有沒(méi)有辦法在同一窗口中通過(guò) ajax 提交從單獨(dú)頁(yè)面加載的表單?

富國(guó)滬深 2023-03-18 16:58:21
我有這個(gè)表格:<form method="post" action="/cart" id="ajax">  {...}  <div>  {{ product.option | hidden_option_input }}  </div>  <button name="submit" type="submit" title="add to cart">Add to Cart</button></form>表單通過(guò) ajax 加載到頁(yè)面,其操作頁(yè)面也通過(guò) ajax 在導(dǎo)航欄中的不同鏈接中預(yù)加載。我想提交表單,但阻止它在提交時(shí)打開(kāi)新頁(yè)面。我該怎么做?我試過(guò)了:<a href="/cart" class="new_popup mfp-ajax" onclick="this.parentNode.submit();return false;">Add to Cart</a>替換按鈕,但即使我試圖用“return false”來(lái)否定默認(rèn)行為;它仍然會(huì)在點(diǎn)擊時(shí)重新加載新頁(yè)面。我可以在新頁(yè)面加載之前看到鏈接的彈出窗口,但在新頁(yè)面出現(xiàn)之前它不會(huì)提交。我相信這是因?yàn)楫?dāng)用戶單擊指向它的鏈接時(shí),表單是通過(guò) ajax 加載的,因此我不能專(zhuān)門(mén)將腳本附加到它,因?yàn)橹钡剿霈F(xiàn)在屏幕上,它在技術(shù)上并不存在。
查看完整描述

1 回答

?
aluckdog

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

如果我理解您的問(wèn)題,您只想更新當(dāng)前頁(yè)面的一部分。如果是這樣,您將不得不為此使用 AJAX:


保留“提交”按鈕,但將其設(shè)為標(biāo)準(zhǔn)按鈕并為其指定一個(gè) ID,例如“提交”:


<button id="submit" name="submit" title="add to cart">Add to Cart</button>

然后您的 JavaScript 將按如下方式處理按鈕上的點(diǎn)擊事件:


$(function() {

    let submit = $('#submit');

    submit.click( function() { //

        submit.prop('disabled', true); // prevent a re-submission

        var form = $('#ajax');

        var request = $.ajax({

            url: form.attr('action'), // get the action from the form

            type: form.attr('method'), // get the method from the from

            dataType: 'html', // the assumption is that we are dealing HTML here

            data: form.serialize()

        });


        request.done(function(ajaxResult) {

            // update the DOM with the results

            $('#some_div').html(ajaxResult); // replace contents of <div id="some_div"></div> with new html

            submit.prop('disabled', false); // re-enable the submit

        });


    });

});

您必須安排發(fā)回的結(jié)果只是需要更新的 HTML。


更新


自回復(fù)以來(lái),您添加了一條帶有鏈接的評(píng)論,表明我可能誤解了您的意圖。您使用的短語(yǔ)“提交表單但在提交時(shí)阻止它打開(kāi)新頁(yè)面”絕對(duì)可以使人理解我的原始解釋。


查看完整回答
反對(duì) 回復(fù) 2023-03-18
  • 1 回答
  • 0 關(guān)注
  • 123 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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