簡體   English   中英

使用POST從手機jQuery應用PhoneGap跨域腳本檢測POST成功提交HTML表單

[英]Detect successful html form submission using POST to cross-domain script from PhoneGap, mobile jQuery app

我正在制作一個PhoneGap基於jQuery的移動iOS應用程序,用於評估我的大學課程。 該大學提供了一個課程評估平台,該平台使用帶有方法=“ POST”的常規html表單。

由於該腳本屬於我的大學並由其托管,因此我無法對其進行編輯或閱讀。

<form action="http://example.com/script/kurt2/receive.php" method="post" target="result" onsubmit="" id="klinikkurt">
<input type="hidden" name="id" value="4136" />
<input type="range" name="q1" value="" min="1" max="6"  data-track-theme="d" data-theme="d"/>
</form>

成功提交腳本后,腳本將重定向到“謝謝”頁面,這使該應用程序無用。 在表單中添加目標和隱藏的iframe可使應用在提交時保持可用狀態。

我想顯示一條感謝消息,並在成功提交表單后在應用程序中重置表單。問題(也是我的問題)是我不知道如何檢測成功提交表單。

我嘗試在iframe上使用onLoad事件,盡管這將在成功提交后執行javascript,但也會在初始加載時執行該功能。

更新

Per Elijah的建議我一直在嘗試(未成功)使用jQuery的.ajax實現此目標
這是我的代碼:
HTML:如上所述,但是我刪除了表單上的動作屬性。

Javascript:

$("#klinikkurt").submit(function() {
var dataString = $("#klinikkurt").serialize();
$.ajax({
    url: 'https://doit.medfarm.uu.se/script/kurt2/receive.php',
    type: "POST",
    data: dataString,
    success: function() {
        $('#kk').load('index.html');
    }
});
return false;
});

提交后,除了刷新之外什么都沒有發生。

如何使用AJAX提交表單內容? 這將允許您在JS中處理HTTP請求的結果,而不是由瀏覽器直接處理它。

諸如Digg和Reddit之類的社交書簽網站允許用戶通過對用戶喜歡的內容進行投票來決定網站的主要內容。 他們使用AJAX來處理所有投票,因此用戶可以快速,輕松地就許多故事發表意見。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM