2016-01-23 24 views
1

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

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); 
    } 
}); 
}); 

我想說明的$變量1<div id="Target1"></div>$變量2<div id="Target2"></div>

任何人都可以幫助我嗎?

+0

有很多方法可以做到這一點。不要'echo',然後'echo',因爲那樣值會被連接在一起(非常多''echo 1; echo 2'''會發送'12'(難以辨認),用逗號(或其他符號)分開,或者發送XML或發送JSON,然後反編譯JS中的sting – chris85

+0

'$ variable2!== $ $ Variable2'。 – Script47

回答

2

您應該通過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。

+0

這將顯示一個錯誤並且不起作用:'$ variable2!== $ Variable2'。 – Script47

+0

非常感謝皮埃爾:) –

0

如果您打算從包含JQuery實現的HTML頁面調用PHP頁面。你必須在GET或POST中添加一些參數,並在PHP文件中讀取這些參數。 GET示例:

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

這將顯示一個錯誤,不會工作:'$ variable2!== $ Variable2'。 – Script47

相關問題