Php 如何为结帐创建动态价格视图

Php 如何为结帐创建动态价格视图,php,html,ajax,dynamic,transactions,Php,Html,Ajax,Dynamic,Transactions,我目前正在为我的网站设置结账。我有一个产品,我提供的选项在价格上有所不同,我希望在客户决定付款之前,在最后有一个价格预览。我有一个结帐模式,理想情况下,我希望价格预览反映出产品的最终价格后,一切都考虑在内。计算是在php的服务器端完成的,如何在按下按钮后不重新加载变量就将变量回送或显示回html页面 <?php //sets price based on options selected// $ord_type_explode = explode('|',$_POST['ord_

我目前正在为我的网站设置结账。我有一个产品,我提供的选项在价格上有所不同,我希望在客户决定付款之前,在最后有一个价格预览。我有一个结帐模式,理想情况下,我希望价格预览反映出产品的最终价格后,一切都考虑在内。计算是在php的服务器端完成的,如何在按下按钮后不重新加载变量就将变量回送或显示回html页面

    <?php
//sets price based on options selected//
$ord_type_explode =  explode('|',$_POST['ord_type']);
$base_price = $ord_type_explode[1];

$item_options_explode = explode('|',$_POST['item_options']);
$options_add = $item_options_explode[1];

$quantity_select_explode = explode('|',$_POST['quantity_select']);
$quantity_multiplier = $quantity_select_explode[1];

$final_price = ($base_price + $options_add) * $quantity_multiplier;

echo $final_price;



?>

这通常通过

下面是一个简单的GET和POST示例,可以帮助您了解它

获取:

职位:

还有许多javascript库提供这种类型的功能,请参阅

一旦你有了
xhr.responseText
你就可以处理这个文本了,但是最好是根据页面给出的响应来处理。例如,如果它正在发送一条写有“Success”的消息,那么您可以使用
xhr.responseText
并用它填充一个元素


有很多方法可以做到这一点。现在的问题不再是ajax,而是如何在javascript中处理字符串,这可以通过google轻松地进行研究,比如“如何将文本放入元素”。

您将需要使用ajax。您可以使用任何您想要的javascript库(jQuery等)来实现。因此,这将从html输入传递到php的值,我如何获取结果数据并将其放回我的html?编辑以回答该查询。快乐编程!
    var url = 'mypage.php';
    var xhr= new XMLHttpRequest() || new ActiveXObject( "Microsoft.XMLHTTP" );
    xhr.onreadystatechange = function () {
        if ( xhr.readyState == 4 && xhr.status == 200 ) {

            //Response text
            console.log( xhr.responseText );
        }
    };

    xhr.open( "GET", url, true );
    xhr.send();
    var url = 'mypage.php';
    var sendData = 'a=1&b=2'
    var xhr= new XMLHttpRequest() || new ActiveXObject( "Microsoft.XMLHTTP" );

    xhr.onreadystatechange = function () {
        if ( xhr.readyState == 4 && xhr.status == 200 ) {

            //Response text
            console.log( xhr.responseText );
        }
    };
    xhr.open( "POST", url, true );
    xhr.setRequestHeader( "Content-type", "application/x-www-form-urlencoded" );
    xhr.send( sendData );