需要帮助转换传递变量的AJAX方法

时间:2017-02-08 03:58:59

标签: javascript php ajax function variables

我对PHP很不错,但对AJAX来说是全新的。我目前正在使用AJAX从CMS动态提取数据并在同一页面上的div中显示。目前我正在使用表单选择/选项。我想知道是否有一种方法可以用A Href做到这一点以及它可能看起来如何。我不希望它刷新页面,但像A Href一样工作会传递变量值。

这就是我所拥有的。

<script>
function showOrder(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else {
        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 (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","getorder.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>

<form>
<select name="orders" onchange="showOrder(this.value)">
<option value="">Select an order:</option>
<? foreach($orders as $order){ ?>
  <option value="<? order::num(); ?>"><? order::customer(); ?></option>
  <? } ?>
  </select>
</form>

1 个答案:

答案 0 :(得分:0)

我找到了一种方法来实现我想要的方法,最终导致废弃A HREF方法并改为使用按钮。

以下是我必须构建按钮的方法

<button onclick="showOrder(this.value)" value="<? echo order::num(); ?>"><? echo order::customer(); ?></button>