Ndtyjky

We have a mobile app which shows an html page with some javascript in a webviewer.

In this page we have a form. IT looks something like:

<form method="get" action = "" id="mainform">

<input name="EXAMPLE_NAME" id"EXAMPLE_NAME" placeholder="" type="text" maxlength="35"/>    

</form>

So far so good. The user is able to view this input and fill it in with data. They then press a button on the xaml page which calls a function that does:

Browser.Eval("submitMainForm()")

In the javascript on the page we have that function, which looks like:

function submitMainForm() {    

var x = document.getElementById("mainForm").submit();

}

Back in the C# code we have handlers for the resulting navigation. They look like:

async void OnNavigating(object sender, WebNavigatingEventArgs e)

    {

and

void OnNavigated(object sender, WebNavigatedEventArgs e)

    {

This works well in iOS and Android. We get the WebNavigatingEventArgs in the handler, and the value from the field that we are showing in the webviewer (inside of mainform) are stored in there.

So, for example, e.Url in the OnNavigating and OnNavigated handlers would look something like:

"file:///storage/emulated/0/Android/data/com.example.exampleapp/files/Example.html?EXAMPLE_NAME=Test"

We parse this string to get the values we care about (Test, in this case), and all is well.

On UWP, however, things work a lot less well. On Navigating is never called at all, and the call to OnNavigated just has "about:blank" stored in its WebNavigateEventArgs url value.

Does anyone know what might be going on here, and/or have a way that I can fix it? I need a way to get the results from my call to the get form as I do in the other 2 platforms, rather than "about:blank". Ideally, I'd also like to get the OnNavigated call, but the important thing is the data.

Thanks for your assistance

For html form submitting, you need add the action url that used to received parameter. For example:

<form id="Myform" action="HomePage.html">

    First name:<br>

    <input type="text" name="firstname" value="Mickey">

    <br>

    Last name:<br>

    <input type="text" name="lastname" value="Mouse">

    <br><br>

    <input type="submit" value="Submit">

</form>

When you invoke submit, the firstname lastname field will be sended to HomePage.html page. I create HomePage that Build Action is Content in native uwp project.

Please note you could not create html in forms project. Otherwise the webview could get navigate to the right url.

This is code sample please check.