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

前端之家收集整理的这篇文章主要介绍了ajax在某些Android设备上运行,而不是在其他设备上运行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
[LATER EDIT:我发现,问题与 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(和三星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>
我找到了我需要的东西. 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) {
    }
}

}

猜你在找的Ajax相关文章