javascript以获取php变量不起作用

Question

<div id="div01">01</div>
<div id="div02">02</div>
<img src="../img/logo.png" onclick="blueSky()"/>

js

function blueSky() {
$.ajax({
type:'GET',
url: 'test.php',
success: function(respond) { 
  document.getElementById("div02").innerHTML=respond;  // works
}
});
$("#div01").html("<?php echo $target;?>"); }   // should be "abc" - doesn't work

test.php

...    
$target = "abc";

Answer 1

$("#div01").html("<?php echo $target;?>"); }   // should be "abc" - doesn't work

It is not supposed to work. Because $target is defined in test.php and is not within the scope of where you have the javascript .html() call.

You can do:

$("#div01").html(respond); 

inside the success: attribute of your ajax call.

Also, in test.php, I hope you are doing an echo $target in order to get "abc" pushed back into the respond object of blueSky() function

Answer 2

You are using AJAX to get test.php , so you will either have to do this:

test.php

$target = 'abc';
echo $target;

or this:

function blueSky() {
<?php include 'test.php'; ?>
$("#div01").html("<?php echo $target; ?>"); }