繁体   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