【问题标题】:Javascript:- OnClick Returning undefinedJavascript:- OnClick 返回未定义
【发布时间】:2016-07-20 05:47:57
【问题描述】:

你好朋友我有一个按钮 onclick 我正在收集值并传递给 php 并存储在 php 变量中 $price_value 并传入 wordpress sql 查询我得到了 php 的结果但在javascript 我正在尝试像这样在 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;
}

【问题讨论】:

  • 你应该先学习AJAX..检查data的值...
  • 请粘贴您的涉及此的html代码?

标签: javascript php


【解决方案1】:

您将要使用一种称为 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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-05-29
    • 1970-01-01
    • 2021-10-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多