あなたの質問に対する答えは、AJAXを使用することです。
ユーザーから電話番号を収集したら、サーバー上の PHP ファイルに AJAX リクエストを送信して、収集した電話番号を PHP ファイルに渡す必要があります。PHP ファイルは、表示したい情報を返します。どのような形式で返すこともできます。ほとんどの場合、これらすべての決定は完全にあなた次第です。
いくつかの推奨事項:
- jQueryを使用します。DOM 処理や AJAX リクエストなど、すべての JavaScript 処理が容易になります。
- PHP サーバーにJSONがある場合は、すぐに印刷できる未加工の HTML 文字列を返す方が便利でない限り、それを戻り形式として使用します。
データベースから返される値が正確に何であるかについてあまり明確ではないため、例はあまり正確ではありません。ただし、jQuery を使用している場合は、以下が役立つ場合があります。
あなたのHTMLファイル
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$( document ).ready(
function(){
$( '#mybutton' ).click(
function( e ) {
e.preventDefault();
var phone = prompt( 'Enter Your Phone Number', '555-555-5555' );
$.post(
'your_file.php',
{
phone: phone
},
function( data, textStatus, jqXHR ) {
// Instead of alerting this, you should print it,
// parse it, or whatever else.
alert( data );
},
'html'
}
);
}
);
</script>
</head>
<body>
<form>
<input type="button" id="mybutton" value="Try it now" />
</form>
</body>
</html>
PHP ファイル (上記の JavaScript の your_file.php)
<?php
if ( isset( $_POST[ 'phone' ] ) ) {
// Do your database processing here, using the phone number passed
// in by the JavaScript. It is stored in $_POST[ 'phone' ].
// Then, die() with whatever HTML or JSON or whatever information you are
// returning.
die( 'Some HTML to print' );
} else {
// Error: No phone number posted.
die( '-1' );
}
?>