使用Jquery和1个php文件在两个不同的div中返回两个变量

时间:2016-01-23 23:42:49

标签: php jquery ajax

是否可以使用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 的值

任何人都可以帮我吗?

2 个答案:

答案 0 :(得分:2)

您应该通过JSON文件以PHP格式返回您的数据。使用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。

答案 1 :(得分:0)

如果要从包含JQuery实现的HTML页面调用PHP页面。你必须在GET或POST中加入一些参数并在PHP文件中读取这个参数。 GET示例:

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