我一直在使用AJAX，JQuery和Sessions很长一段时间。但这是我第一次遇到这个问题。
我正在向另一个页面发送正常的帖子请求，就像我的旧代码一样，我在目标页面中使用会话来测试我的AJAX请求是否成功。
对于我所做的所有这些时间它完美地工作，当然除非有一些明显的Javascript错误阻止我的AJAX成功进行。
现在发生的事情是，为了使ajax请求成功，我需要在关闭并重新打开浏览器后触发它，如果我在发送第一个请求后再次执行它将不再继续成功，另一个有趣事情是，当我启用AJAX的错误响应时，我总是得到一个错误，这真的很麻烦和烦人，因为我不能找出这个问题的根本原因。
这是服务器问题或代码问题还是我不了解的一些规则？
我的代码不包括JS：
<style type="text/css">
.input-select { width: 200px; }
.bordered-table { border-collapse:collapse; margin:5px; }
.bordered-table td { border:1px solid #ccc; padding:4px; }
</style>
<link href="/admin/shop/css/tabs.css" type="text/css" rel="stylesheet" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Raleway:400,500,700,800' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function() {
$(".tab_content").hide();
$("ul.tabs").each(function () {
$(this).find('li:first').addClass("current");
$(this).next('.panes').find('.tab_content:first').show();
});
/* binding click to display another tab */
$("ul.tabs li a").click(function(event) {
var cTab = $(this).closest('li');
cTab.siblings('li').removeClass("current");
cTab.addClass("current");
cTab.closest('ul.tabs').nextAll('.panes:first').find('.tab_content').hide();
var activeTab = $(this).attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});
function checkIt(evt) {
evt = (evt) ? evt : window.event
var charCode = (evt.which) ? evt.which : evt.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
status = "This field accepts numbers only."
return false
}
status = ""
return true
}
function addRows(elem) {
var ctr = parseInt($("#rows_ctr").val())+parseInt(1);
var row = $(elem);
emails_dropdown = $("#email_id_sample").clone();
row.closest('.adder').parents(".adder-row").before('<tr><td><b>Subject</b>:</td><td><select name="email_id[]" id="email_id_'+ctr+'" style="width: 350px;margin-right: 5;">'+emails_dropdown.html()+'</select></td></tr>');
$("#rows_ctr").val(ctr);
// $("#email_id_"+ctr).val('');
}
function addForm() {
var ctr = parseInt($("#rows_ctr1").val())+parseInt(1);
form_content = $("#formcopy").clone();
$('#cform > tbody > tr:last').after('<tr><td><div id="crm-feedback'+ctr+'"></div><form id="form'+ctr+'" onsubmit="return setList('+ctr+');">'+form_content.html()+'<form/></td></tr>');
$("#rows_ctr1").val(ctr);
}
function setList(str){
var postDatas = decodeURI($('#form'+str+'').serialize());
console.log('Post data: ' + postDatas);
$.ajax({
url: base_url+"admin/page/file.php",
type: "POST",
cache: false,
data: postDatas,
beforeSend:function(){
$('#crm-feedback'+str+'').html('<center><img src="images/ajax-loader.gif"></center>');
},
success: function(data){
// $('#crm-feedback').html('Saved!').css('color','green');
console.log('Success');
},
error: function (jqXHR, textStatus, errorThrown) {
console.log(jqXHR);
console.log(textStatus);
console.log(errorThrown);
}
});
}
</script>
<body class="colorbox-body">
<div class="welcome-box">
<h1>Set Group Email and SMS</h1>
</div>
<div class="colorbox-content">
<div id="notification">
<?php
if($email_success){
echo"<font style='color:green;'>Schedule Saved.</font>";
echo '<script>
setTimeout("$(\"#notification\").fadeOut()",5000);
</script>';
}
if($nochanges==1){
echo "<font style='color:red;'>No changes made.</font>";
echo '<script>
setTimeout("$(\"#notification\").fadeOut()",5000);
</script>';
}
?>
</div>
<h2>Set Group Email and SMS</h2>
<table id="cform">
<tr>
<td>
<form id = "form0" name="form0" onsubmit="return setList(0);">
<div class="sel">
<?php
$ctr = 0;
//get group emails
$sql_grpemails = "some things";
$res_grpemails = mysql_query($sql_grpemails);
if(mysql_num_rows($res_grpemails) > 0) {
while($row_grpemails = mysql_fetch_assoc($res_grpemails)) {
echo '<tr><td><b>Subject:</b></td>';
echo '<td><select name="email_id[]" id="email_id_'.$ctr.'" style="width: 350px;margin-right: 5;">
<optgroup label="Emails">
<option value="">-- Select --</option>';
$res_savedemails = mysql_query($sql_savedemails);
while($row_savedemails = mysql_fetch_assoc($res_savedemails)) {
echo '<option value="'.$row_savedemails['sam_msg_id'].'" '.($row_savedemails['sam_msg_id']==$row_grpemails['email_id']?'selected':'').'>'.$row_savedemails['sam_subject'].'(Email)</option>';
}
echo '
</optgroup>
<optgroup label="SMS">';
$res_savedsms = mysql_query($sql_savedsms);
while($row_savedsms = mysql_fetch_assoc($res_savedsms)) {
echo '<option value="'.$row_savedsms['id'].'-sms" '.($row_savedsms['id']==$row_grpemails['email_id']?'selected':'').'>'.$row_savedsms['subject'].'(SMS)</option>';
}
echo '
</optgroup>
</select></td></tr>';
$ctr++;
}
}
?>
<table cellpadding="3">
<tr>
<td>
<b>Subject:</b>
</td>
<td>
<select name="email_id[]" id="email_id_<?php echo $ctr;?>" style="width: 350px;margin-right: 5;">
<optgroup label="Emails">
<option value="">-- Select --</option>
<?php
$res_savedemails = mysql_query($sql_savedemails);
while($row_savedemails = mysql_fetch_assoc($res_savedemails)) {
echo '<option value="'.$row_savedemails['sam_msg_id'].'">'.$row_savedemails['sam_subject'].'</option>';
}
?>
</optgroup>
<optgroup label="SMS">
<?php
$res_savedsms = mysql_query($sql_savedsms);
while($row_savedsms = mysql_fetch_assoc($res_savedsms)) {
echo '<option value="'.$row_savedsms['id'].'-sms">'.$row_savedsms['subject'].'</option>';
}
?>
</optgroup>
</select>
</td>
</tr>
<tr class="adder-row">
<td colspan="2">
<input type="button" class="adder btn-link right" value="Add More" onclick="addRows(this);" />
</td>
</tr>
</table>
</div>
<br/>
<input type="hidden" name="rows_ctr" id="rows_ctr" value="<?php echo $ctr;?>" />
<input type="hidden" name="rows_ctr1" id="rows_ctr1" value="<?php echo $ctr;?>" />
<input type="hidden" name="gid" id="" value="<?php echo $_GET['gid'];?>" />
<input type="submit" value="Save" class="btn-link right" />
<div class="clr"></div>
</div>
</form>
</td>
</tr>
</table>
<table width="95%">
<tr>
<td colspan="2">
<input type="button" class="btn-link right" value="Add More" onclick="javascript:addForm();" />
</td>
</tr>
</table>
<select name="email_id_sample" id="email_id_sample" style="display:none;">
<optgroup label="Emails">
<option value="">-- Select --</option>
<?php
$res_savedemails = mysql_query($sql_savedemails);
while($row_savedemails = mysql_fetch_assoc($res_savedemails)) {
echo '<option value="'.$row_savedemails['sam_msg_id'].'">'.$row_savedemails['sam_subject'].'</option>';
}
?>
</optgroup>
<optgroup label="SMS">
<?php
$res_savedsms = mysql_query($sql_savedsms);
while($row_savedsms = mysql_fetch_assoc($res_savedsms)) {
echo '<option value="'.$row_savedsms['id'].'-sms">'.$row_savedsms['subject'].'</option>';
}
?>
</optgroup>
</select>
<form id = "formcopy" name="form1" method="post" action="" style="display:none">
<table cellpadding="3">
<tr>
<td>
<b>Subject:</b>
</td>
<td>
<select name="email_id[]" id="email_id_<?php echo $ctr;?>" style="width: 350px;margin-right: 5;">
<optgroup label="Emails">
<option value="">-- Select --</option>
<?php
$res_savedemails = mysql_query($sql_savedemails);
while($row_savedemails = mysql_fetch_assoc($res_savedemails)) {
echo '<option value="'.$row_savedemails['sam_msg_id'].'">'.$row_savedemails['sam_subject'].'</option>';
}
?>
</optgroup>
<optgroup label="SMS">
<?php
$res_savedsms = mysql_query($sql_savedsms);
while($row_savedsms = mysql_fetch_assoc($res_savedsms)) {
echo '<option value="'.$row_savedsms['id'].'-sms">'.$row_savedsms['subject'].'</option>';
}
?>
</optgroup>
</select>
</td>
</tr>
<tr class="adder-row">
<td colspan="2">
<input type="button" class="adder btn-link right" value="Add More" onclick="addRows(this);" />
</td>
</tr>
</table>
<div class="scheduled_days">
<p><b>Scheduled (Days)</b></p>
<br/>
<ul class="tabs">
<li><a href="#tab5">Days</a></li>
<li><a href="#tab6">Weekly</a></li>
<li><a href="#tab7">Monthly</a></li>
<li><a href="#tab8">Yearly</a></li>
</ul>
<div class="panes">
<div id="tab5" class="tab_content" style = "padding-top: 20px;">
<b>Recurring:</b> Every <input type="text" name="dval"/> Day(s)
<br/>
<small>*Reference date: Member date added to the group</small>
</div>
<div id="tab6" class="tab_content" style = "padding-top: 20px;">
<b>Recurring:</b> Every <input type="text" name="wval"/> Week(s)
<br/>
<small>*Reference date: Member date added to the group</small>
<br/>
<input type="radio" name="recursched" value="weekmon"/> Monday <input type="radio" name="recursched" value="weektue"/>Tuesday <input type="radio" name="recursched" value="weekwed"/>Wednesday <input type="radio" name="recursched" value="weekthu"/>Thursday <input type="radio" name="recursched" value="weekfri"/> Friday
<input type="radio" name="recursched" value="weeksat"/> Saturday <input type="radio" name="recursched" value="weeksun"/> Sunday
</div>
<div id="tab7" class="tab_content" style = "padding-top: 20px;">
<b>Recurring:</b> <br/><small>*Reference date: Member date added to the group</small>
<br/>
<input type="radio" name="recursched" value="monthlyrecur"/> Day <input type="text" name="mday"/> of every <input type="text" name="mmonth"/> month(s)
<br/>
<input type="radio"name="recursched" value="monthlyrecur"/> The
<select name="mweek" class="styled">
<option value="First">First</option>
<option value="Second">Second</option>
<option value="Third">Third</option>
<option value="Fourth">Fourth</option>
</select>
</div>
<div id="tab8" class="tab_content" style = "padding-top: 20px;">
<b>Recurring:</b> <br/><small>*Reference date: Member date added to the group</small>
<br/>
<input type="radio" name="recursched" value="yearlyrecur"/> Every
<select name="ymonth" class="styled">
<?php
$ymontshar = array("January","Febuary","March","April","May","June","July","August","September","October","November","December");
for($ymonths=0;$ymonths<12;$ymonths++){
?>
<option value="<?php echo $ymontshar[$ymonths]; ?>"><?php echo $ymontshar[$ymonths]; ?></option>
<?php
}
?>
</select>
<input type="text" name="yday"/>
<br/>
<input type="radio" name="recursched" value="yearlyrecur2"/> The
<select name="yweek" class="styled">
<option value="first">First</option>
<option value="second">Second</option>
<option value="third">Third</option>
<option value="fourth">Fourth</option>
</select>
<select name="yday" class="styled">
<option value="monday">Monday</option>
<option value="tuesday">Tuesday</option>
<option value="wednesday">Wednesday</option>
<option value="thursday">Thursday</option>
<option value="friday">Friday</option>
<option value="saturday">Saturday</option>
<option value="sunday">Sunday</option>
</select>
of
<select name="ymonth2" class="styled">
<?php
for($ymonths2=0;$ymonths2<12;$ymonths2++){
?>
<option value="<?php echo $ymontshar[$ymonths2]; ?>"><?php echo $ymontshar[$ymonths2]; ?></option>
<?php
}
?>
</select>
</div>
</div>
<br/>
<input type="hidden" name="rows_ctr" id="rows_ctr" value="<?php echo $ctr;?>" />
<input type="hidden" name="rows_ctr1" id="rows_ctr1" value="<?php echo $ctr;?>" />
<input type="hidden" name="gid" id="" value="<?php echo $_GET['gid'];?>" />
<input type="submit" value="Save" class="btn-link right" />
<div class="clr"></div>
</div>
</form>
<br />
<div class="warning-msg">
<b>*Please note that changing the schedule may result in some members not receiving emails.</b>
</div>
</div>
</body>
它现在适用于Chrome，但不是在所有情况下，我可能需要在它降低之前提交两次
答案 0 :(得分：3)
很可能服务器端出错。您可以使用ajax错误处理程序识别该错误，在调试JS时也尝试使用console.log（）而不是alert（）：
function setList(str){
var postDatas = decodeURI($('#form'+str+'').serialize());
console.log('Post data: ' + postDatas);
$.ajax({
url: base_url+"admin/page/file.php",
type: "POST",
data: postDatas,
success: function (data) {
// $('#crm-feedback').html('Saved!').css('color','green');
console.log('Success');
},
error: function (jqXHR, textStatus, errorThrown) {
console.log(jqXHR);
console.log(textStatus);
console.log(errorThrown);
}
});
}
然后检查控制台的详细信息，我猜你会知道当时发生了什么。
答案 1 :(得分：2)
除了查看javascript控制台外，您还需要查看正在交换的实际流量。
使用fiddler查看。
您还应该尝试使用您使用的浏览器上提供的工具来调试js。
这是解决问题的关键步骤。您需要确定是否真的发生了请求。如果是，那么您需要查看请求中的差异。否则，您可以调试js以确切了解发生了什么。
答案 2 :(得分：0)
也许它正在缓存它。像这样在ajax调用中尝试cache: false。
function setList(str){
var postDatas = decodeURI($('#form'+str+'').serialize());
alert(postDatas);
// $('#crm-feedback').html('<img src="images/ajax-loader.gif"/>');
// var formname = "test";
$.ajax({
url: base_url+"admin/page/file.php",
type: "POST",
cache: false,
data: postDatas,
// data: "formname="+formname,
success: function(data){
// $('#crm-feedback').html('Saved!').css('color','green');
alert("test");
}
});
}
答案 3 :(得分：0)
可能是您使用绝对URL，某些浏览器在处理绝对URL时遇到问题，并将它们视为跨域请求，即使它们不是。检查base_url+"admin/page/file.php"是否为绝对网址（http://yourserver/admin/page/file.php）。如果是这样，请尝试更改为相对URL。
答案 4 :(得分：0)
我希望您了解浏览器调试工具并正在使用它们。
如果没有，为firefox尝试firebug - https://addons.mozilla.org/en-US/firefox/addon/firebug/ 或者对于chrome，可以使用默认的开发人员工具。无需安装。 在这两种情况下，按F12打开开发工具。
如果使用firebug，请单击“网络”选项卡。然后执行操作以激活您的ajax调用。 在那里添加相应的行。点击该行。它将打开以显示一些标签，如标题，请求，响应等。 查看响应选项卡。这是什么意思？
在Chrome中，会有一个“网络”标签。打开它并解雇你的ajax电话。 休息几乎与萤火虫相似。响应标签说的是什么。
如果您没有找到确定的结果，请尝试在firebug的脚本选项卡或chrome developer工具中的sources选项卡中将断点放在ajax调用的error函数中。观察错误参数包含的消息。
答案 5 :(得分：0)
.htaccess文件是否涉及服务页面（例如漂亮的网址或某种路由）？
如果是这样，请尝试使用http://domain.tld/index.php/page_uri，并检查某些htaccess规则是否阻止POST请求。
您是否将数据发布到与启动AJAX请求的网页相同的网址？否则，可能会出现CSRF或跨域问题。在这种情况下，请查看Cross Domain AJAX Guide。
然后可能存在应该处理AJAX请求的php文件中的错误配置或错误。运行PHP-Lint并查看它的内容或手动检查。
实际上，您对所提供的数据（问题描述和代码段）的问题只有很少的了解。可能有更多问题来源。像这样这是一个猜谜游戏。我不是在呻吟，将其视为更新答案的建议，并提供有关该问题的更多信息。
答案 6 :(得分：0)
尝试在您的请求中添加随机$ _GET
rand = rand.getMilliseconds(rand);
url_ajax ='myajaxpage.php?rand='+rand; // Force refresh
$.ajax({
url: url_ajax,
type: "POST",
...
答案 7 :(得分：0)
根据您使用的浏览器，可能会缓存您的POST请求。它不是jQuery缓存所以cache: false无济于事。这是实际的浏览器。
在PHP中必须手动设置响应的标头，以确保不会缓存其他请求。
header("Cache-Control: no-cache, must-revalidate"); //HTTP 1.1
header("Pragma: no-cache"); //HTTP 1.0
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT"); // Date in the past
答案 8 :(得分：0)
您描述了服务器端发生的错误。请调试您的代码。
如果您对服务器端的错误有疑问，请更新您的问题，或者更好地发布其他问题，并使用相应的代码（服务器端代码）。
确保您的php.ini不会关闭错误消息和警告。
检查服务器错误日志（我想你使用apache？）。