javascript – 运费计算器不工作

我正在这个网站上运输计算器MY Work Site.我已经在我的wordpress的根目录添加了以下代码

<?php
$zip = "";
$weight = "";
$qty = "";

if (isset($_GET['z']))
{
$zip = $_GET['z'];
}

if (isset($_GET['w']))
{
$weight = $_GET['w'];
}

if (isset($_GET['q']))
{
$qty = $_GET['q'];
}

$site_url = "http://www.marketumbrellasite.com/GetRate.aspx?w=".$weight."&q=".$qty."&    z=".$zip;

$ch = curl_init();
$timeout = 5; // set to zero for no timeout
curl_setopt ($ch, CURLOPT_URL, $site_url);
curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);

ob_start();
curl_exec($ch);
curl_close($ch);
$result = ob_get_contents();
ob_end_clean();

if($result != "")
{   
echo $result;
} else {
echo "An error occurred.<br>Please try again later.";
}
?>

然后将以下代码添加到我的functions.php中

<?php
add_action('wp_head', 'head_scripts');
function head_scripts() {
echo '<div id="comm100-button-121"></div>
<script type="text/javascript">// <![CDATA[
var Comm100API = Comm100API || new Object;
Comm100API.chat_buttons = Comm100API.chat_buttons || [];
var comm100_chatButton = new Object;
comm100_chatButton.code_plan = 121;
comm100_chatButton.div_id = \'comm100-button-121\';
Comm100API.chat_buttons.push(comm100_chatButton);
Comm100API.site_id = 124523;
Comm100API.main_code_plan = 121;
var comm100_lc = document.createElement(\'script\');
comm100_lc.type = \'text/javascript\';
comm100_lc.async = true;
comm100_lc.src = \'https://chatserver.comm100.com/livechat.ashx?siteId=\' +     Comm100API.site_id;
var comm100_s = document.getElementsByTagName(\'script\')[0];
comm100_s.parentNode.insertBefore(comm100_lc, comm100_s);
// ]]></script>';
echo ' <script src="'. get_stylesheet_directory_uri() . '/js/UPSRates.js"   type="text/javascript"></script>';
}


/* Shipping Calculator Shortcode [shipping-calculator weight="#"]
----------------------------------------------------------------------------------------*/
add_shortcode('shipping-calculator', 'ag_shipping_calculator');
function ag_shipping_calculator( $atts ) {

extract( shortcode_atts( array(
  'weight' => ''
  ), $atts ) );

return '<a id="calc" style="font-weight:bold;color:#C20000;    cursor:pointer;">Calculate Shipping</a>
  <div id="calcShipping" style="display:none; width:250px;">
  Zip Code: <input type="text" id="zip" name="zip" maxlength="5" style="width:82px;"     /><br />
Quantity: &nbsp;<input type="text" id="qty" name="qty" value="1" maxlength="3"     style="width:32px;" /><br />          
<input type="hidden" id="weight" name="weight" value="'.$weight.'"/>
<button type="button" onclick="loadRates()">Calculate</button> <span id="ajaxloader"     style="display:none;"><img src="/img/ajax-loader.gif" alt="Loading..."     /></span>
<br />We charge no sales tax nor handling fees. We guarantee the internet\'s lowest     out-the-door price on this item.
<br />
<script>
jQuery(document).ready(function() {
jQuery("#calc").click(function () {
    jQuery("#calcShipping").toggle("fast");
});
});
</script>
<br />          
</div>
<div id="shipRateDiv"></div>
';
}

然后这个js在我的主题里面的一个js文件夹里面

function loadRates() {
document.getElementById("ajaxloader").style.display = 'inline';
var zip = document.getElementById("zip").value;
var weight = document.getElementById("weight").value;
var qty = document.getElementById("qty").value;
var url = "/GetRate.php?z="+zip+"&w="+weight+"&q="+qty;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState == 4) {
        document.getElementById("shipRateDiv").innerHTML = xmlhttp.responseText+"    <br><br>";
        document.getElementById("ajaxloader").style.display = 'none';
     jQuery("#calcShipping").hide("slow");
    }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();         
}

然后我在页面的订单按钮下添加了以下短代码

[shipping-calculator weight="#"]

当我点击它时,要计算的表格即将到来,当我尝试使用此邮政编码“85298”.结果找不到页面.我已经按照Site这样工作的相同的事情.我不这样做知道我犯了什么错误.请帮助.谢谢!!

解决方法:

请注意,您的Url是相对的,因此/GetRate.php将被解析为绝对Url http：//yoursite/GetRate.php(因为/开头)

如果您希望绝对Url(例如)http：//yoursite/portambrella/GetRate.php,则应将相对URL更改为/portambrella/GetRate.php.

看看这个：http://www.webreference.com/html/tutorial2/3.html

标签：shipping,javascript,php,function,wordpress
来源： https://codeday.me/bug/20190830/1770223.html