HTTP摘要自己的形式JQuery Mobile

Question

我正在尝试用JQuery Mobile中的用户名和密码的自定义表单替换出现的身份验证时出现的“需要身份验证”框。我目前正在使用从教程中找到的HTTP摘要（http://www.php.net/manual/en/features.http-auth.php） 。我正在使用AJAX和JQuery mobile来加载一个登录到系统的PHP资源并使其工作一半。到目前为止我尝试过的是：

url: 'http://username:password@domain/resource/',

和

$.ajax({
    url: 'http://url/resource/',
    username: "username",
    password: "password",
    contentType: "text",
    dataType: 'json',
    success: function(data)
    {
     alert("Success");
    },
    error: function (response) 
    {
    alert("Fail");
    }
      });

当我在桌面上查看网站时这些都有用，但是当我在智能手机上查看它时（在iPhone和S4上试过）它会显示默认的“需要验证”框而不是我提供的任何细节在我自己的自定义表单中。我想知道问题是什么，因为我把头发拉过来。

由于