Question

我有一个简单的网页，显示电话卡的余额。到目前为止，没有任何问题，使用HTML，PHP和mysql，我能够从数据库中检索余额。但是我必须在另一个页面中显示结果，因为页面必须重新加载，所以看起来很麻烦。

我可以将此值加载到从客户收集数据的输入字段下的预绘制字段中吗？如：

帐号：134556 密码：***** |发送|

余额为：12.36美元

Answer 1

尽管我同意annakata的观点，但我建议你this。 ajax基础教程。

Answer 2

您可以使用KB22指出的Ajax。

Ajax是一种技术，使用它可以使用javascript从服务器获取内容并处理请求/响应等，而无需重新加载页面。它可以在后台发生，可以使用一些代码来远程获取内容并将其显示在您想要的位置（在现有页面上）。

这是一个简单的Ajax教程http://www.codecoffee.com/articles/ajax.html

Answer 3

我也认为AJAX是最好的选择。我建议你使用jQuery javascript库。它为许多功能提供了一个很好的包装器。我通常在http://docs.jquery.com/Ajax/jQuery.post#urldatacallbacktype使用jQuery / AJAX / POST + jQuery是跨浏览器兼容的＆amp;受欢迎。

Answer 4

<form action="your_action" method="POST" id="balance_checker_form">
    <input type="text" name="account_id" id="account_id" />
    <input type="submit" value="Check Balance" />
</form>
<script type="text/javascript">
    $(function(){
        $('#balance_checker_form').submit(function(){
            $.ajax({
                url : $(this).attr('href'),
                success : function(html){
                    // Inject the response into the balance_response div.  Might want to do some highlighting or something to let the
                    // user know that the field was updated
                    $('#balance_response').html(html);
                }
            });

            return false;
        });
    });
</script>
<div id="balance_response"></div>

试试吧。应该帮助您开始正确的方向。您需要包含jQuery库。 http://jquery.com/

如何将值返回到网页

4 个答案: