Android webview ajax

Question

I have wep application which some pages have to do ajax requests to get and update that pages without refresh the page.

My problem when I use android WebView to load that wep application. all pages that request ajax doesn't update the page which means the ajax requests don't work.

here is the code of MainActivity.java

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.webview_layout);
        webView = (WebView) findViewById(R.id.webView);
        webView.clearCache(true);
        webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                Log.d(LOG_TAG, message);
                new AlertDialog.Builder(view.getContext())
                        .setMessage(message).setCancelable(true).show();
                result.confirm();
                return true;
            }
        });
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                Toast.makeText(view.getContext(), "onPageStarted", Toast.LENGTH_SHORT).show();
                super.onPageStarted(view, url, favicon); //To change body of generated methods, choose Tools | Templates.
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                Toast.makeText(view.getContext(), "onPageFinished", Toast.LENGTH_SHORT).show();
                super.onPageFinished(view, url); //To change body of generated methods, choose Tools | Templates.
            }
        });

        WebSettings webSettings = webView.getSettings();
        webSettings.setBuiltInZoomControls(true);
        webSettings.setJavaScriptEnabled(true);
        webSettings.setLoadWithOverviewMode(true);
        webSettings.setAllowContentAccess(true);
        webSettings.setUseWideViewPort(true);
        webView.loadUrl("http://192.168.1.236:8080/mobile/android.html");
}

and the android.html have ajax request. the android application works fine and load the android.html but without getting the ajax data

Maybe you have not set the necessary permissions in your manifest? Try this: http://stackoverflow.com/questions/13956726/allow-remote-ajax-calls-in-an-android-webview-jquery-mobile — Jeremy G, Apr 15 '13 at 19:51
@JeremyG : I set the permession. the page load with all content except the data from ajax request — Mohamed Habib, Apr 15 '13 at 21:26

score 4 · Accepted Answer · answered Apr 16 '13 at 21:08

4

Finally I've found the answer after 3 Long days.
the problem was in the page that I request which have this code:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

in the response which conflict with android webview and doesn't work with jquery selectors ... Don't know why!!!

but when I removed the above code from response the page and its ajax works fine.

P.S: all my pages are xhtml not html.

answered Apr 16 '13 at 21:08

Mohamed Habib

883
1
8
18

If the same answer applies to your other question - http://stackoverflow.com/a/16047023 - does this mean that they are in effect duplicates? – ChrisF Apr 16 '13 at 21:45
2

duplicates in what question or the answer . of course there is no duplicates in the question but I traced my problem and found where is the problem and asked for it to get some help .. so when I found the answer of the problem it automatically be the answer of the other question too, and I shared the answer because if anyone else faces the similar problem get the solution. that's all – Mohamed Habib Apr 16 '13 at 22:17

score 1 · Answer 2 · answered Apr 15 '13 at 21:11

1

Check if you have <uses-permission android:name="android.permission.INTERNET" /> in your AppManifest.xml file.
If javascript in the loaded page makes requests to some site other than http://192.168.1.236:8080 and that site does not allow Cross-Origin XMLHTTPRequests, then these requests will fail due to security restrictions of WebView.

answered Apr 15 '13 at 21:11

Const

976
7
11

1. I add the permession. and the page load with all contains except the data from ajax request 2. I don't know if my application allows cross-origin or not , So I'll search for it and if not will search about how to allow cross-origin on tomcat server or on my web application – Mohamed Habib Apr 15 '13 at 21:30
I allowed the cross origin but doesn't change anything. – Mohamed Habib Apr 16 '13 at 11:49
Does your web app work in built-in Android browser? Probably there is something wrong with the web app itself? – Const Apr 16 '13 at 18:20
yes my web app works fine in built-in andriod browser .... and finally I have found the solution. thanks for your help. – Mohamed Habib Apr 16 '13 at 21:07

score 0 · Answer 3 · answered Feb 15 '15 at 07:29

0

Try this

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

answered Feb 15 '15 at 07:29

Danyial Shahid Ali

517
8
24

score 0 · Answer 4 · answered Dec 21 '17 at 10:27

You can add AJAX handler into your web-view for handle any website with AJAX.

public class Main2Activity extends AppCompatActivity {

    private WebView webView;
    private ProgressBar progressBar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        webView = (WebView) findViewById(R.id.webView);
        progressBar = (ProgressBar) findViewById(R.id.progressBar);
        progressBar.setVisibility(View.GONE);
        webView.getSettings().setJavaScriptEnabled(true);
        initWebView();
        loadURL();
    }

    private void loadURL() {
        webView.loadUrl("www.google.com");
    }

    @SuppressLint("JavascriptInterface")
    private void initWebView() {
        webView.setWebChromeClient(new MyWebChromeClient(Main2Activity.this));
        webView.addJavascriptInterface(new AjaxHandler(Main2Activity.this), "ajaxHandler");
        webView.getSettings().setJavaScriptEnabled(true);

        webView.setWebViewClient(new WebViewClient() {

            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                progressBar.setVisibility(View.GONE);

            }

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                progressBar.setVisibility(View.VISIBLE);
            }

            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
                progressBar.setVisibility(View.GONE);
            }
        });
    }

    public class AjaxHandler {

        private static final String TAG = "AjaxHandler";
        private final Context context;

        public AjaxHandler(Context context) {
            this.context = context;
        }

        public void ajaxBegin() {
            Log.e(TAG, "AJAX Begin");
            Toast.makeText(context, "AJAX Begin", Toast.LENGTH_SHORT).show();
        }

        public void ajaxDone() {
            Log.e(TAG, "AJAX Done");
            Toast.makeText(context, "AJAX Done", Toast.LENGTH_SHORT).show();
        }
    }

    private class MyWebChromeClient extends WebChromeClient {
        Context context;

        public MyWebChromeClient(Context context) {
            super();
            this.context = context;
        }
    }

}

This solution is not complete, Where did you use ajaxBegin(), and ajaxDone() ? — A. Albrg, Jun 09 '20 at 15:56

Android webview ajax

4 Answers4