Mysql Database Problem

Questions
1

Greetings,

I’m fairly new with Framework7. I would like to get data from the database using AJAX. It’s working as intended on the browser, although it can’t take any data when I convert it to apk ( using Cordova ). I’m using an external database for testing.

PHP code:

$db['db_host'] = 'remotemysql.com';
$db['db_user'] = 'user';
$db['db_pass'] = 'pass';
$db['db_name'] = 'name';

foreach ( $db as $key => $value ) {
	define( strtoupper( $key ), $value );
}
$connection = mysqli_connect( DB_HOST, DB_USER, DB_PASS, DB_NAME );

if ( !$connection ) {
	die( 'database failed');
}
	
$result = mysqli_query($connection,"SELECT * FROM users_details WHERE user_id = 1");
$rows = array();
while($row = mysqli_fetch_assoc($result)) {   
   $rows[] = $row;
}

print json_encode($rows);

HTML/AJAX Request:

<template>
<div class="page no-navbar home-user-page">
	<div class="page-content home-user-page-content">
		<div class="user-details-box">
			<div class="user-details">
				<div id="user-name"></div>
				<div id="user-title"></div>
			</div>
			
			<div class="user-chart-outer-box">
				<div id="user-point"></div>
				<div id="user-level"></div>
			</div>
		</div>
	</div>
</div>

return {
	on: {
		pageInit: function() {
			app.request.get('comps/get_user.php', function(response) {
		        dataJSON = JSON.parse( response );
		        let user_name = dataJSON[0].user_name;
		        let user_title = dataJSON[0].user_title;
		        let user_points = dataJSON[0].user_points;

		        let level = Math.ceil( user_points / 200 );

		        $( '#user-name' ).html( user_name );
		        $( '#user-title' ).html( user_title );
		        $( '#user-point' ).html( user_points );
		        $( '#user-level' ).html( "Level " + level );
		    });
		}
	}
}

Thanks in advance,
~
Nathan.