javascript - Safari 和 iOS 设备上的 jQuery AJAX 错误
问题描述
我遇到了与 Safari 和所有 iOS 设备的兼容性问题。我为一个项目创建了这个 jQuery 代码(参见下面的链接),但我不明白为什么它不能与 Safari 一起使用。在 Chrome、Firefox、Android 上运行良好。
(function ($) {
$.ajaxSetup({ cache: false });
const ajax_dir = '/wp-content/plugins/oxygen-functions/assets/ajax/';
// SELECT LOCATION-SERVICE FORM
$('.serv-select select').html(select_vars.services_select);
$('.loc-select select').html(select_vars.locations_select);
$('.service-location-form')
.closest('form')
.submit(async function (e) {
e.preventDefault();
$(this).find('.frm_message').addClass('d-none');
var form = $(this).serializeArray(),
service = form.find((x) => x['name'] == `item_meta[33]`).value,
loc = form.find((x) => x['name'] == `item_meta[34]`).value,
cat = loc + ',' + service,
posts = await $.ajax({
type: 'post',
async: true,
url: ajax_dir + 'posts-by-cat.php',
dataType: 'json',
data: {
post_type: 'services',
cat: cat,
},
}),
url = await $.ajax({
type: 'post',
async: true,
url: ajax_dir + 'post-link-id.php',
dataType: 'json',
data: {
id: posts[0],
},
});
//console.log(url);
location.href = url;
});
})(jQuery);
这是我从 DevConsole 得到的错误:
Unhandled Promise Rejection [object Object]
(anonymous function) - scripts.js:21
asyncFunctionResume
(anonymous function)
promiseReactionJobWithoutPromise
我该如何解决?一些想法?
谢谢!
解决方案
这是整个片段:
(function ($) {
$.ajaxSetup({ cache: false });
const ajax_dir = '/wp-content/plugins/oxygen-functions/assets/ajax/';
// SELECT LOCATION-SERVICE FORM
$('.serv-select select').html(select_vars.services_select);
$('.loc-select select').html(select_vars.locations_select);
var closestForm = $('.service-location-form').closest('form');
closestForm.submit(async function (e) {
e.preventDefault();
e.stopImmediatePropagation(); // <-- I fixed my issue with it
$(this).find('.frm_message').addClass('d-none');
var form = $(this).serializeArray();
var service = form.find((x) => x['name'] == `item_meta[33]`).value;
var loc = form.find((x) => x['name'] == `item_meta[34]`).value;
var cat = loc + ',' + service;
try {
var posts = await $.ajax({
type: 'post',
async: true, // true was a string
url: ajax_dir + 'posts-by-cat.php',
dataType: 'json',
data: {
post_type: 'services',
cat: cat,
},
});
} catch (safariError) {
console.error(safariError);
}
var url = await $.ajax({
type: 'post',
async: true, // also was 'true'
url: ajax_dir + 'post-link-id.php',
dataType: 'json',
data: {
id: posts[0],
},
});
//console.log(url);
location.href = url;
});
})(jQuery);
推荐阅读
- javascript - How can I fix importing modules CORS policy error in JavaScript
- reactjs - how to make changes in reactjs project on production? on aws ec2?
- node.js - Node.js completely remove file in a running script
- java - design problem with starting foreground service from other foreground service
- javascript - In a Leaflet Map, how to make the popup scroll between different markers at the exact same coordinates?
- apache-kafka-streams - ksqlDB UDF accepting Structs matching any schema
- python - How to combine queue and join on the play command? - Discord.py
- wordpress - Uploading Image to WordPress media using RestSharp
- r - 根据 R 中的模式出现在列表中的 Gsub
- arrays - 如何找到给定算法的比较次数和复杂度