我有一个表单并通过AJAX将数据提交到名为“process.php”的php文件。它可以直接运行form.html,但是当我从jQuery面板调用form.html时,有时会调用另一个php文件来执行该过程,有时页面会在提交后跳转到空白页面。从Chrome开发者工具,网络标签,我发现另一个php文件(go.php)被调用,这是我之前调用的文件。我将表单操作从“go.php”更改为“process.php”,但仍然调用了“go.php”。我试图清除浏览器缓存但无法找到之前仍然调用上一个操作php文件的原因。
有没有人有类似的经历?我不知道缓存在哪里。
代码如下
$(document).ready(function(){
$('#myform').submit(function(e) {
e.preventDefault();
$.ajax({
cache: false,
type: 'POST',
data: $('#myform').serialize(),
url: $('#myform').attr('action'),
complete: function (XMLHttpRequest, textStatus) {
$('#output').val(XMLHttpRequest.responseText);
}});
return false;
});
});
form.html中的内容
<div data-role="content">
<div class="campBlock">
<fieldset>
<form action="process.php" id="myform" name="myform">
<label for="campname">Campaign Name:</label>
<input type="text" name="campname" id="campname"><br/>
<label for="longdesc">Description</label>
<textarea id="longdesc" name="longdesc"></textarea><br/>
<input type="submit" value="Create">
</form>
</fieldset>
</div>
</div>
jQuery面板的内容
<div data-role="panel" id="menu" data-display="overlay">
<ul data-role="listview">
<li data-role="list-divider" style="height: 2em;"><img class="header" src="msgol-sm100.png"/></li>
<li><a href="form.html" data-prefetch="false">Create Campaign</a></li>
<li><a href="changepass.html" data-prefetch="false">Change Password</a></li>
</ul><br/>
<p><a data-role="button" data-rel="close">Close</a></p>
....