点击按钮运行PHP_Php_Jquery_Html

点击按钮运行PHP

php jquery html

点击按钮运行PHP,php,jquery,html,Php,Jquery,Html,我正在学习jQuery和PHP。我正在做一个简单的是或否预言。它的工作，但我需要刷新页面，如果我想问一些新的东西。我想在有人点击按钮时启动PHP。我的代码非常简单是按钮。我知道我可以用jQuery来做，但我想学一点PHP 我的代码： PHP: jQuery： $(document).ready(function() { $( ".ask" ).click(function( event ) { event.preventDefault(); });

我正在学习jQuery和PHP。我正在做一个简单的是或否预言。它的工作，但我需要刷新页面，如果我想问一些新的东西。我想在有人点击按钮时启动PHP。我的代码非常简单<代码>是按钮。我知道我可以用jQuery来做，但我想学一点PHP

我的代码：

PHP:

jQuery：

 $(document).ready(function() {

    $( ".ask" ).click(function( event ) {
        event.preventDefault();
    });

    $('input').bind("enterKey",function(e){
        $('.ask a').click();
    });
    $('input').keyup(function(e){
        if(e.keyCode == 13)
        {
            $(this).trigger("enterKey");
        }
    });

    $('.ask a').click(function(){
        if($('input').val() == ''){
            $('h2 span').remove();
            $('h2').append("<span>It's a secret? You need to ask someting.</span>");
        }
        else{
            $('.answer span').fadeIn(2000);
            $('h2').css({'border-bottom' : '1px solid black', 'padding-bottom' : '20px'}); 
            var kysymys = $('input').val();
            $( "h2" ).html( "<b>You asked: </b> " + "<span>"  + kysymys + "?</span>");
            // $('input').val("");
        }
    });

 });

$('.ask a').click(function(){
        if($('input').val() == ''){
            $('h2 span').remove();
            $('h2').append("<span>It's a secret? You need to ask someting.</span>");
        }
        else{
      $(".answer span").load("inc/yes-or-no.php"); 
        }

$（文档）.ready（函数（）{
$（“.ask”）。单击（函数（事件）{
event.preventDefault（）；
});
$（'input'）.bind（“enterKey”，函数（e）{
$（'.ask a'）。单击（）；
});
$（'input'）.keyup（函数（e）{
如果（e.keyCode==13）
{
$（此）.trigger（“enterKey”）；
}
});
$（'.ask a'）。单击（函数（）{
if（$（'input'）.val（）=''）{
$（'h2 span'）。删除（）；
$（'h2'）.append（“这是个秘密？你需要问一些问题。”）；
}
否则{
$（'答案跨度'）.fadeIn（2000年）；
$（'h2'）.css（{'border-bottom'：'1px纯黑'，'padding-bottom'：'20px'}）；
var kysymys=$（'input'）.val（）；
$（“h2”）.html（“您问：”+“+kysymys+”？”；
//$（'input'）.val（“”）；
}
});
});

HTML:


你的回答是:

您需要使用AJAX向web服务器发送请求。不能只在javascript中运行PHP（除非有人构建了解释器）：javascript通常在客户端运行，而PHP在服务器端运行。要让PHP完成任务，必须向服务器询问正确的问题（即HTTP请求）

编辑：哦，我看错了，错过了

require\u once（）

。只需让PHP回显javascript或隐藏的HTML部分，然后使用javascript提取相关信息

e、 g

echo var foo=“bar”；

当然，您应该首先使用PHP解释器让服务器实际运行所服务的页面。

我认为您需要了解PHP在服务器中运行，而jquery在客户端运行。因此，每当有人单击按钮时，您都需要通知服务器端php代码执行某些操作。您可以使用ajax来实现这一点。这不会导致页面刷新。

PHP是一种服务器端语言，而JavaScript（jQuery的构建基础）是一种客户端语言。这意味着，如果您想要执行一个PHP文件，您需要向服务器提交一个请求，让服务器执行它，然后用结果回复客户机。您可以通过刷新页面来实现这一点（正如您现在所做的那样）。或者，您可以进行AJAX（JavaScript）调用

您不能让客户端执行PHP代码-客户端只执行JavaScript。

HTML:

<body>
        <h2></h2>
        <h1 class="answer"> Your answer: <span><?php echo $answer[$arrayKeys[0]]; ?></span></h1>
        <p class="input"><input type="text" autofocus> <span>?</span></p>
        <div class="ask"> <a type="submit" href="#"> Ask your question!</a></div>
</body>

您可以在Sitepoint上阅读更多内容

感谢

退房。感谢您的快速回复。我对Ajax和Json完全陌生，我读了一点，不太明白该怎么做。我需要更改我的php代码吗？我不明白我怎么能把php变量或Json转换成Ajax。

echo <script>var foo = "bar"; </script>

<body>
        <h2></h2>
        <h1 class="answer"> Your answer: <span><?php echo $answer[$arrayKeys[0]]; ?></span></h1>
        <p class="input"><input type="text" autofocus> <span>?</span></p>
        <div class="ask"> <a type="submit" href="#"> Ask your question!</a></div>
</body>

$('.ask a').click(function(){
        if($('input').val() == ''){
            $('h2 span').remove();
            $('h2').append("<span>It's a secret? You need to ask someting.</span>");
        }
        else{
      $(".answer span").load("inc/yes-or-no.php"); 
        }

header("Cache-Control: no-cache"); 
// Ideally, you'd put these in a text file or a database.  
// Put an entry on each line of 'a.txt' and use $prefixes = file("a.txt"); 
// You can do the same with a separate file for $suffixes. 
$prefixes = array("Yes", "No", "I couldn't decide, ask again later.");
// This selects a random element of each array on the fly 
echo $prefixes[rand(0,count($prefixes)-1)];
// Example output: Tagging is the new Media