ajax在某些Android设备上运行,而在其他Android设备上不运行

rad*_*ukn 3 ajax android jquery-mobile

[最新编辑:正如我所发现的,该问题与Android版本有关,与设备类型无关。因此,我的代码非常适合Android直至4.0,而不是更高版本。解决方法就在答案中。]

我已经在这个问题上浪费了至少2天。我只有几个网页打包成Android应用程序。并可以在浏览器和我的Android设备(包括Galaxy Tab 2)上完美运行,但不能在Nexus上运行。我没有,所以我不断制作APK,并测试了一位朋友。错误出在AJAX。相同的代码对我有用,对他不起作用(还有其他几个,我不知道他们的设备)。

以下是我使用的小测试。如您所见,它没有错误(这是我的猜测)。为什么不能在所有Android设备上使用?我提到我已经使用Eclipse和Build.PhoneGap.com 编译了此代码(其他引用的文件位于http://jumpshare.com/b/57O6tH)。但是,结果还是一样:我得到的APK在某些设备上运行,而不是在其他设备上运行。使用* file:///android_asset/www/import.html*并没有帮助我。错误为404,因为文件不存在。但它是!

错误在哪里?它让我疯狂 :)。为什么此代码可以在我的Galaxy Tab 2(和Samsung Gio)上的浏览器中和APK上正常运行,而在Nexus(和其他设备)上却不能正常运行?

<!DOCTYPE html>
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Test</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1">    
    <link href="jquery.mobile-1.2.0.min.css" rel="stylesheet"/>
    <script src="jquery-1.8.3.min.js" type='text/javascript'></script>
    <script src="jquery.mobile-1.2.0.min.js" type='text/javascript'></script>   
    <script type='text/javascript'>
    //$(document).ready(function() {
    $(document).bind("pageinit", function(){
        $("#buton").bind('click',function(){
            $.mobile.showPageLoadingMsg();
            $.ajax({
                url:'import.html',
                datatype:'html',
                type: 'GET',
                success:function(html){
                    $.mobile.hidePageLoadingMsg();
                    $("#result").html(html);
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $("#result").html("ERRORS:"+errorThrown+"<hr>"+textStatus+"<hr>"+JSON.stringify(jqXHR))
                    $.mobile.hidePageLoadingMsg();
                    alert('Not working!!!');
                }
            })
        });
    });
    </script>
</head> 
<body> 
    <!-- Pagina de start -->
    <div data-role="page" id="start">
        <div data-role="header" data-theme="b">
            <h1>Test</h1>
        </div>
        <div data-role="content">
            <button id="buton">AJAX!</button>
            <div id="result"></div>
        </div>
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

rad*_*ukn 5

我找到了我所需要的。Android 4.1和4.2引入了此新方法:getAllowUniversalAccessFromFileURLs

由于无法在低于16的API上运行,因此该解决方案需要多几行,以确保该不存在的方法不会导致以前的API中的错误。

public class MainActivity extends Activity {
/** Called when the activity is first created. */
WebView webView;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    webView = (WebView) findViewById(R.id.webView);
    webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
    webView.getSettings().setJavaScriptEnabled(true);
    int currentapiVersion = android.os.Build.VERSION.SDK_INT;
    if (currentapiVersion >= android.os.Build.VERSION_CODES.JELLY_BEAN){
        fixNewAndroid(webView);
    }
    webView.setWebChromeClient(new WebChromeClient());
    webView.loadUrl("file:///android_asset/www/index.html");
}

@TargetApi(16)
protected void fixNewAndroid(WebView webView) {
    try {
        webView.getSettings().setAllowUniversalAccessFromFileURLs(true);
    } catch(NullPointerException e) {
    }
}
Run Code Online (Sandbox Code Playgroud)

}