Локальные файлы Android WebView + AJAX - программирование

Локальные файлы Android WebView + AJAX

У меня есть андроид webview, загружающий веб-сайт, который у меня есть в моих активах. Я сам его не построил, и у меня очень мало контроля над разметкой, js и т.д.

Проблема: части сайта используют jquery $.ajax - получает выбор HTML для отображения в модальном режиме, и я думаю, что я столкнулся с проблемой междоменного уровня (если я тестирую сайт локально на своем рабочем столе, я получаю то же самое происхождение-предупреждения, мое происхождение - "null" ), то есть по какой-то причине локальные js не могут ajax-получить другие локальные файлы в папке с ресурсами, потому что основной браузер считает, что они происходят из разных источников. Я читал все, что мог бы сделать в этом отношении, и ничего не имеет никакого значения. Не получать никаких ошибок или предупреждений в LogCat.

Это работает на Nexus 7, файлы находятся в папке с ресурсами (file:///android_asset). Все остальное работает отлично, но не удачи с ajax GET.

Из манифеста:

<uses-sdk
    android:minSdkVersion="16"
    android:targetSdkVersion="18" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

Соответствующий код веб-просмотра:

mWebView = (WebView) findViewById(R.id.webview);
mWebView.setWebChromeClient(new WebChromeClient());
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setDomStorageEnabled(true);
mWebView.getSettings().setLoadWithOverviewMode(true);
mWebView.getSettings().setUseWideViewPort(true);
mWebView.getSettings().setSupportMultipleWindows(true);
mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
mWebView.setHorizontalScrollBarEnabled(false);
mWebView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
mWebView.getSettings().setAllowFileAccessFromFileURLs(true);
mWebView.getSettings().setAllowUniversalAccessFromFileURLs(true);
mWebView.addJavascriptInterface(this, "android");
if (savedInstanceState != null) {  
    mWebView.restoreState(savedInstanceState);
} else {          
    mWebView.loadUrl("file:///android_asset/site/index.html");
}    

Здесь соответствующие js:

var load = function ( source, callback, dontShowLoader ) {
if( !dontShowLoader ) {
    loading( 'show' );
}
$.ajax({
    url: source,
    type: 'GET',
    data: {
        campaign: true
    },
    success: function ( data ) {
        var $data = $(data);
        loading( 'hide' );
        $data.data( 'url', source );
        callback( $(data) );
    }
});
};

Я что-то упустил? Нет ли способа сделать ajax GET поверх локального содержимого файла? Обратите внимание, что у меня есть только локальные файлы для работы, нормальный вариант использования заключается в том, что планшет не подключен к Интернету при использовании приложения, поэтому любые внешние вызовы не работают.

4b9b3361

Ответ 1

Вам нужно разрешить crossdomain. В этом примере разрешено использование crossdomain для значений json и для скриптов.

$.ajaxPrefilter( "json script", function( options ) {
    options.crossDomain = true;
});

Ответ 2

Спасибо за ответ @njzk2, я сделал это:

$.ajaxPrefilter( 'text', function( options ) { options.crossDomain = true; }); 
$.ajax({ url: source, type: 'GET', dataType: 'text'

Заставьте его работать в firefox, chrome и IE, чтобы загрузить локальный файл (не через какой-либо сервер)

Мне не хватало этого параметра, который, по крайней мере, нацелился на api 16 (интересно, может ли какой-либо другой параметр нацелиться на любой более старый API)

mWebView.getSettings().setAllowUniversalAccessFromFileURLs(true);

спасибо