使用Jquery和1個php文件在兩個不同的div中返回兩個變量

Question

是否有可能使用Jquery和1個php文件在兩個不同的div中返回兩個變量的值？

的PHP

<?php
$variable1 = "10";
$Variable2 = "20";
echo $variable1;
echo $variable2;
?>

jQuery的

$("#id").on("change", function() {
var $form = $("#Form");
var method = $form.attr("method") ? $form.attr("method").toUpperCase() : "GET";
$.ajax({
    url: 'file.php',
    data: $form.serialize(),
    type: method,
    success: function(data){
          $('#Target1').html(data);
    }
});
});

我想在<div id="Target1"></div> $ variable1的值，在<div id="Target2"></div>顯示$ variable2的值

誰能幫我這個？

Answer 1

您應該通過PHP文件以JSON格式返回數據。 使用json_encode 。

例：

<?php
$variable1 = "10";
$variable2 = "20";
header('Content-Type: application/json'); // specify that you are sending a json response
echo json_encode(array("var1" => $variable1, "var2" => $variable2)); // return a json

在您的JavaScript文件中，將設置data.var1和data.var2。

像這樣顯示它們：

$('#Target1').text(data.var1);
$('#Target2').text(data.var2);

您可以使用其他格式，通常可以使用JSON或XML。

Answer 2

如果要從包含JQuery實現的HTML頁面調用PHP頁面。 您必須在GET或POST中放入一些參數，並在PHP文件中讀取此參數。 GET的示例：

<?php
$variable1 = "10";
$variable2 = "20";
if($_GET["name"]=="div1")
  echo $variable1;
else 
  echo $variable2;
?>