火狐浏览器允许ajax,解决火狐浏览器发送jquery的ajax请求无效的问题
今天遇到這樣一個問題:
頁面在chrome下發送ajax的請求是沒有問題的,但是在firfox下無效。
代碼大致如下:
//前面省略
.....
?生成成績
?查詢成績
......
......
function generateScore(obj) {
$(obj).prop('disabled',true);
var params={};
params.groupId=$("select[name=groups]").val();
$.common.postJSON("請求的URL",params,function (data) {
if(data.success){
//....相關邏輯
}else{
//....相關邏輯
}
});
}
//后面省略
封裝的common.js
(function ($) {
$.common = {
postJSON: function (url, data, success) {
$.ajax({
type: "post",
url: url,
data: data,
dataType: "json",
success: success,
error: function () {
$.common.myAlert("系統異常,請稍后重試!");
}
});
}
}
})(jQuery);
Firefox中點擊生成成績的按鈕一直彈出系統異常那段提示,而在chrome中執行正常,
后來在網上搜了很多資料博客
參照MDN的文檔發現,Firefox中button默認的type為submit……
因此點擊按鈕的時候不是提交到請求的URL,而是提交了form表單…..
解決辦法:
設置按鈕的type屬性為 button就行了
?生成成績
以上是本人遇到這個問題的解決辦法,希望對讀者有所幫助
總結
以上是生活随笔為你收集整理的火狐浏览器允许ajax,解决火狐浏览器发送jquery的ajax请求无效的问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: js ajax 递归,javascrip
- 下一篇: 胖蒙娜丽莎是谁画的呢?