我有一个页面,用户可以使用按钮编辑各种内容并选择触发 ajax 调用。特别是,一个操作会导致远程调用一个 url,其中包含一些数据和“放置”请求,这(因为我使用的是宁静的 Rails 后端)会触发我的更新操作。我还有一个删除按钮,它调用相同的网址,但带有“删除”请求。 “更新”ajax 调用适用于所有浏览器,但“删除”ajax 调用在 IE 中不起作用。我有一个模糊的记忆,以前遇到过类似的事情......有人能解释一下吗?这是我的 ajax 调用:
//update action - works in all browsers
jQuery.ajax({
async:true,
data:data,
dataType:'script',
type:'put',
url:"/quizzes/"+quizId+"/quiz_questions/"+quizQuestionId,
success: function(msg){
initializeQuizQuestions();
setPublishButtonStatus();
}
});
//delete action - fails in ie
function deleteQuizQuestion(quizQuestionId, quizId){
//send ajax call to back end to change the difficulty of the quiz question
//back end will then refresh the relevant parts of the page (progress bars, flashes, quiz status)
jQuery.ajax({
async:true,
dataType:'script',
type:'delete',
url:"/quizzes/"+quizId+"/quiz_questions/"+quizQuestionId,
success: function(msg){
alert("success");
initializeQuizQuestions();
setSelectStatus(quizQuestionId, true);
jQuery("tr[id*='quiz_question_"+quizQuestionId+"']").removeClass('selected');
},
error: function(msg){
alert("error:" + msg);
}
});
}
我将警报放在删除ajax中的成功和错误中只是为了看看会发生什么,并且触发了ajax调用的“错误”部分,但没有对后端进行调用(我通过观察后端知道这一点服务器日志)。因此,它甚至在调用之前就失败了。我不明白为什么 - 我从错误块返回的“msg”是空白的。
有人有什么想法吗?这是一个已知问题吗?我已经在 ie6 和 ie8 中测试过,但它在任何一个中都不起作用。
谢谢 - 最大
编辑 - 解决方案 - 感谢 Nick Craver 为我指明了正确的方向。
Rails(也许还有其他框架?)对于不支持的放置和删除请求有一个诡计:将参数“_method”(注意下划线)设置为“放置”或“删除”的发布请求将被视为实际请求type 就是那个字符串。因此,就我而言,我进行了此更改 - 请注意“数据”选项:
jQuery.ajax({
async:true,
data: {"_method":"delete"},
dataType:'script',
type:'post',
url:"/quizzes/"+quizId+"/quiz_questions/"+quizQuestionId,
success: function(msg){
alert("success");
initializeQuizQuestions();
setSelectStatus(quizQuestionId, true);
jQuery("tr[id*='quiz_question_"+quizQuestionId+"']").removeClass('selected');
},
error: function(msg){
alert("error:" + msg);
}
});
}
Rails 现在会将其视为删除请求,从而保留 REST 系统。我的 PUT 示例起作用的原因只是因为在这种特殊情况下 IE 很乐意发送 PUT 请求,但它正式不支持它们,因此最好对 PUT 请求和 DELETE 请求执行此操作。