您的问题的答案是使用AJAX。
从用户那里收集电话号码后,您需要向服务器上的 PHP 文件发出 AJAX 请求,在该文件中将收集到的电话号码传递给 PHP 文件,PHP 文件会返回您想要显示的任何信息以您选择让它返回的任何格式。在大多数情况下,所有这些决定完全取决于您。
一些建议:
- 使用jQuery。它将使所有 JavaScript 处理变得更容易,包括 DOM 处理和 AJAX 请求。
- 如果您的 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' );
}
?>