js 脚本(ajax) - PHP |多变量通信


js script(ajax) - php | multiple variable comunication

我是 AJAX 的新手,我的代码没有做我想要的事情

    $(#button).onclick(function() {
        // i want to know how to get these 2 variables from php
        // file when i click on button.
        .$.ajax({
            method: ? ? ? ? ,
            url: "action.php",
            data: { ? ? ? ? ? ? ? },
            etc...);
           .$(#p1).text(var1); $(#p2).text(var2)
        }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="p1"></p>
<p id="p2"></p>
<button id="button" value="show"></button>

到目前为止的 PHP:

$p1="Hello";
$p2="Cao";

第一部分是您需要创建某种服务来获取变量,如果您创建一个单独的文件,则更容易。对于单个文件,您需要检查内容类型是应用程序/json 还是应用程序/js。下面是非常简单的two_variable.php文件,它将提供所需的值。

<?php
 $arr = array('value1' => "Value One", 'value2' => "Value 2");     
 echo json_encode($arr);

然后你的主页让我们称之为index.php.你可以用下面的函数来显示值。

$.getJSON("two_variable.php",function( data ) {
     $("#p1").text(data.value1);
     $("#p2").text(data.value2);
 });)

因此,将要发生的是 $.get,$.ajax 的抽象将请求提供 JSON 对象的two_variable.php,并且您可以使用它访问和填充您的页面。

希望这是有道理的,如果不让我知道。