Javascript: - OnClick返回undefined

时间:2016-07-20 05:47:58

标签: javascript php

你好朋友我有一个按钮onclick该按钮我正在收集价值并传递给php并存储在php变量 $ price_value 并传入wordpress sql查询我得到的结果在php但是在我试图在javascript中传递 $ user_count;

 var price_final= "<?php echo $user_count ?>";

但我未定义

//onclick calling function
function price() 
    {
        var price_btn=this.id;
        var price_value = document.getElementById(price_btn).value;
        $.post("premier",
        {
            name: price_value
        },
        function(data, status){
            //alert(data);
        });
        var price_final= "<?php echo $user_count ?>";
        alert(price_final);
        document.getElementById("demo").innerHTML = "&#8360;&nbsp;"  + price_final;
    }


// premier page 

global $wpdb;
if(isset($_POST['name']))
{
  $price_value = $_POST["name"];

  $result = $wpdb->prepare("SELECT price FROM wp_single WHERE size='".$price_value ."' ", $id);
  $row = $wpdb->get_row($result);
  $user_count = $row->price;
  echo $user_count;
}

1 个答案:

答案 0 :(得分:0)

您将要使用一种称为AJAX的技术。这是一个正常工作的例子

代码

您的名为index.php的文档:

<html>
<head>
<script>
function ajax(str) {
  if (str.length == 0) {
    document.getElementById("response").innerHTML = "Hello";
    return;
  } else {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById("response").innerHTML = this.responseText;
      }
    };
    xmlhttp.open("GET", "php_doc.php?name=" + str, true);
    xmlhttp.send();
  }
}
</script>
</head>
<body>
<form action="">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" onkeyup="ajax(this.value)">
</form>
<p><span id="response"></span></p>
</body>
</html> 

然后输入您的php_doc.php:

<?php

echo "Hello there, " . $GET["name"];

说明

在这种情况下,当按下一个键时,它将使用GET向php文件发送一个http请求。您应该看一下第2条。

参考文献

Code

HTTP requests