JQuery AJAX 功能在 iOS 5 Safari/iPad 中不起作用

发布于 2024-12-13 00:48:32 字数 984 浏览 0 评论 0原文

在 iPad 上的 iOS 5 safari 上使用最新版本的 jQuery 1.6，我注意到所有的 ajax 调用都失败了。这些相同的 ajax 调用在我尝试过的所有其他浏览器上都能按预期工作，而且我很确定它们也在 iOS 4 版本的 Safari 上工作（尽管我可能是错的）。还有其他人也经历过这种行为吗？如果是这样，有修复或解决方法吗？下面是一个简单的 jQuery AJAX 调用的快速示例，该调用在 iOS 5 的 Safari 中返回错误。预先感谢您的任何见解！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
  </head>
  <body>
    <a id="my-link" href="javascript:;">Click Me!</a>
    <script type="text/javascript">
      jQuery(document).ready(function() {
        jQuery("#my-link").bind("click", function() {
          jQuery.get("test.php", function(data) {
            alert(data);
          });
        });
      });
    </script>
  </body>
</html>

原文

Using the latest version of jQuery 1.6 on iOS 5 safari from an iPad, I'm noticing that all my ajax calls are failing. These same ajax calls work as expected on all other browsers I've tried, and I'm pretty sure they were also working on iOS 4's version of Safari (although I could be wrong). Has anyone else experienced this behavior as well? If so, is there a fix or workaround? Below is a quick example of a simple jQuery AJAX call that is returning an error in iOS 5's Safari. Thanks in advance for any insight!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
  </head>
  <body>
    <a id="my-link" href="javascript:;">Click Me!</a>
    <script type="text/javascript">
      jQuery(document).ready(function() {
        jQuery("#my-link").bind("click", function() {
          jQuery.get("test.php", function(data) {
            alert(data);
          });
        });
      });
    </script>
  </body>
</html>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

海夕 2024-12-20 00:48:32

我刚才也有类似的问题。我已将

 $.ajax({
        type: 'post',
        url: 'http://IP../ws',
        data: {1:1},
        dataType: 'json',
        success: function(response) {
            if (lng.Core.toType(callback) === 'function') {
               // setTimeout(callback, 100, response);
                callback(response);
            }
        },
        error: function(xhr, type) {
            console.log('error')
            if (error) {
                setTimeout(error, 100, result);
            }
        }
    });

url: 'http://IP../ws' 更改为 url: 'ws'，

我根本不是 jQuery 用户，但必须将它用于项目，所以不确定这是否对您有帮助或不，但为我工作。

I had a similar issue just now. I had

 $.ajax({
        type: 'post',
        url: 'http://IP../ws',
        data: {1:1},
        dataType: 'json',
        success: function(response) {
            if (lng.Core.toType(callback) === 'function') {
               // setTimeout(callback, 100, response);
                callback(response);
            }
        },
        error: function(xhr, type) {
            console.log('error')
            if (error) {
                setTimeout(error, 100, result);
            }
        }
    });

changed url: 'http://IP../ws', to url: 'ws',

I'm not a jQuery user at all but have to use it for a project so not sure if this is help to you or not but worked for me.

回复收藏 0 原文

简美 2024-12-20 00:48:32

重新启动 Safari - 保留它并从正在运行的任务中终止它。

从我读到的其他内容来看，它与安全上下文和跨站点脚本攻击的预防有关，并且当 Safari 以前在不同的网络上运行并且现在在新网络上运行且在更改之间没有停止时，Safari 并没有完全正确地处理事情网络。

今天我自己遇到了这个问题，使用纯 HTML/JavaScript/PHP XMLHttpRequest 请求。

回复收藏 0 原文

是伱的 2024-12-20 00:48:32

我遇到一个问题，即 Safari 浏览器中的 iPad 中的 jQuery ajax 调用失败。错误是您没有权限访问该页面/目录。我通过将 Ajax async 属性更改为 true 来解决该问题。

 $.ajax({
        type: 'GET',
        url: "".
        async: true,
        cache: true,
        crossDomain: false,
        contentType: "application/json; charset=utf-8",
        dataType: 'json',
        error: function (jqXHR, err) {
            console.log(jqXHR.responseText);
            alert("Error" + jqXHR.responseText);
        },
        success: function (data, status) {

            });

I had face one issue that jQuery ajax call fail in IPad in Safari browser. Error is you have no permission to access the page / directory. I fix the issue by changing the Ajax async property to true.

 $.ajax({
        type: 'GET',
        url: "".
        async: true,
        cache: true,
        crossDomain: false,
        contentType: "application/json; charset=utf-8",
        dataType: 'json',
        error: function (jqXHR, err) {
            console.log(jqXHR.responseText);
            alert("Error" + jqXHR.responseText);
        },
        success: function (data, status) {

            });

回复收藏 0 原文

不知所踪 2024-12-20 00:48:32

Safari Mobile 中存在一个错误，如果正在进行任何文件服务，该错误会突然且意外地给 AJAX 调用带来麻烦。在使用 Content-Disposition:attachment; 标头提供下载后，Safari 可以开始发送“OPTIONS”http 消息而不是 POST。您可以通过在 Safari Mobile 和服务器之间使用 Fiddler 查看 Safari 正在发送哪些 HTTP 消息来查看是否发生这种情况。

Safari Mobile 中的“条件”会在重新启动时重置。

这里对其进行了很好的审查 Stackoverflow：JQuery Ajax 停止使用iOS 5.0.1。

回复收藏 0 原文

独行侠 2024-12-20 00:48:32

我必须让它在出现错误时重试最多 20 次才能使其正常工作。代码示例：

function my_original_function(form)
{
  my_original_function_ajax(form, 1);
}

function my_original_function_ajax(form, attempts)
{
  console.log('Attempts #'+(attempts));

  jQuery.ajax({
    type: 'POST',
    url: form.action,
    processData: false,
    data: $(form).serialize(),
    cache: false,
    success: function(html){
       console.log('success!!');
    },
    error: function (xhr, status, error) {
      // make up to 20 attempts if error
      if (attempts <= 20) {
        my_original_function_ajax(form, attempts + 1);
      }
    }
  });
}

I've had to make it so that it re-try up to 20 times on error to make it work. Code example:

function my_original_function(form)
{
  my_original_function_ajax(form, 1);
}

function my_original_function_ajax(form, attempts)
{
  console.log('Attempts #'+(attempts));

  jQuery.ajax({
    type: 'POST',
    url: form.action,
    processData: false,
    data: $(form).serialize(),
    cache: false,
    success: function(html){
       console.log('success!!');
    },
    error: function (xhr, status, error) {
      // make up to 20 attempts if error
      if (attempts <= 20) {
        my_original_function_ajax(form, attempts + 1);
      }
    }
  });
}

回复收藏 0 原文

撩人痒 2024-12-20 00:48:32

我遇到了同样的问题，但最终发现了完全不同的东西。

我的情况是这样的：

function load_one(var1 = null, var2 = null) { ... }
function load_two() { ... }

之后我

$(window).load(function() {
   load_one(var_x, var_y);
   load_two();
});

在 Chrome、Firefox、OSX 版 Safari、iPhone 版 Safari、iPhone 版 Chrome 中一切正常，但在 Edge 和 iPad 版 Safari 上一切都不起作用。因此，我在 Edge 上打开它，在开发人员工具中，它在定义 load_one 函数的行上显示错误。

我不确定这是什么，但错误说)预期，所以我决定删除函数参数的默认值，一切突然都正常了。我不确定 javascript 是否存在默认参数值问题，但显然某些浏览器存在问题。

I had the same issue but I ended up discovering something different totally.

I had something like:

function load_one(var1 = null, var2 = null) { ... }
function load_two() { ... }

And after that I had

$(window).load(function() {
   load_one(var_x, var_y);
   load_two();
});

Everything worked fine in Chrome, Firefox, Safari for OSX, Safari for iPhone, Chrome for iPhone, but on Edge and Safari for iPad nothing worked. So I opened it on Edge and inside the developer tools it was showing an error on the line where the load_one function was defined.

I wasn't sure what it was but the error said ) expected so I decided to remove the default values for the function parameters and everything worked all of a sudden. I am not sure if javascript has issues with default parameter values, but apparently some browsers have issues with that.

回复收藏 0 原文

~没有更多了~