在Android Webview jQuery移动设备中允许远程ajax调用

Question

我正在用jquerymobile开发一个javascript/HTML应用程序，它向远程服务器发出ajax请求。该应用程序在Chrome上运行良好（仅在禁用web安全的情况下启动Chrome），但当我将其嵌入Android应用程序（一个简单的web视图）的资产/目录中时，远程ajax调用失败。因此，我想这可能是一个跨领域的问题。我知道phonegap没有这个问题，但如果可能的话，我不想使用phonegap。所以问题是：如何在Android webview应用程序中禁用跨域保护？

这是活动代码：

public class Moby extends Activity {

@SuppressLint("NewApi")
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_moby);

    WebView mbrowser = (WebView) findViewById(R.id.webView1); //get the WebView from the layout XML
    if (Build.VERSION.SDK_INT >= VERSION_CODES.JELLY_BEAN) 
        mbrowser.getSettings().setAllowUniversalAccessFromFileURLs(true);
    //mbrowser.setWebChromeClient(new WebChromeClient());
    mbrowser.setWebViewClient(new WebViewClient());
    mbrowser.loadUrl("file:///android_asset/index.html"); //set the HTML
    WebSettings settings = mbrowser.getSettings();
    settings.setJavaScriptEnabled(true);
}

}

<uses-permission android:name="android.permission.INTERNET" />

我已经在html页面中设置了jquerymobile跨域参数：

<script src="script/jquery-1.8.2.js"></script>
<script>
 $(document).bind("mobileinit", function(){
 $.support.cors = true;
 $.mobile.allowCrossDomainPages = true;       
}); 
</script>
<script src="script/jquery.mobile-1.2.0.js"></script>

Answer 1

我也有同样的问题，我通过在我的WebViewClient中重写shouldInterceptRequest来修复它。我拦截ajax调用并用java实现。对于POST方法，您也必须这样做

private class MyWebViewClient extends WebViewClient {
        @Override
        public void onPageFinished(WebView webView, String url) {
            Log.d("test", "onPageFinished");
            loadWebViewJavascriptBridgeJs(webView);
        }

        @Override
        public WebResourceResponse shouldInterceptRequest(WebView webview, WebResourceRequest webrequest)
        {
            Log.d("test", "shouldInterceptRequest");
           return this.handleRequest(webrequest.getUrl().toString());
        }

        @NonNull
        private WebResourceResponse handleRequest(@NonNull String urlString) {
            try {
                URL url = new URL(urlString);
                HttpURLConnection connection = (HttpURLConnection)url.openConnection();
                connection.setRequestProperty("User-Agent", "");
                connection.setRequestMethod("GET");
                connection.setDoInput(true);
                connection.connect();

                InputStream inputStream = connection.getInputStream();
                return new WebResourceResponse("text/json", "utf-8", inputStream);
            } catch (MalformedURLException e) {
                e.printStackTrace();
                return null;
            }
            catch (ProtocolException e) {
                e.printStackTrace();
                return null;
            }catch (IOException e) {
                e.printStackTrace();
                return null;
            }

        }
    }

当我实例化我的webview时，我实例化我的WebViewClient

 mWebView.setWebViewClient(new MyWebViewClient());

Answer 2

试试这个

WebView web=(WebView) findViewById(R.id.webView1);
web.getSettings().setJavaScriptEnabled(true);

Answer 3

我没有足够的观点来发表评论，但是，请看看以下内容：

ajax在一些Android设备上工作，而不是在其他设备上

具体来说，基于Chrome的网络视图需要以下内容：

WebView.get设置（）. setAllowUniversalAccessFromFileURL（true）；

编辑：对不起，我刚刚看到你已经在这样做了——我在我的终端上测试了这个，它似乎已经解决了我的问题（通过ajax加载本地链接时收到一个访问控制允许源错误）。