ajax 调用的 PHP 文件不回显 javascript 代码

Question

我正在尝试创建一个页面，用户可以在其中上传文件并选择他们想要通过电子邮件发送给的人。一旦他们点击提交，我就会阻止页面刷新并重置他们在表单中的输入。现在我想将他们之前输入的信息放到同一页面（页面的不同部分）的表格中。

Answer 1

如果您确实想继续这个概念，您可以在 done() 函数中捕获 PHP 脚本的输出，将其插入页面上的元素中，然后运行 ​​eval()。像这样……

$.ajax({
    type: "POST",
    url: "../FileDrop/dbSystem.php",
    data: {tags: JSON.stringify(tags), file: 
          $('input[name=fileName]').val()};
}).success(function(result) {
  $( '#element' ).html(result);
  $( '#element script' ).each( () => { $(this).html().eval() }) 
});

但返回用于在页面中执行 javascript 的数据会更有意义 - 也就是说，将所有逻辑放在一起，而不是将其中的一部分拆分到 PHP 文件中。

<?php 
// php process that checks for 'valid'...
// create a json response
$output = array('valid' => 1);
echo json_encode($output);
?>

.... 在你的 JS 中

.success(function(result) {
  // result is a stringified JSON object. We need to convert it into an actual JSON object with parse()
  result = JSON.parse(result);
  // might not matter, but result.valid will be a number which JSON converts into a string. By adding the + right before the variable, that tells JS to use it as a number for the comparison
  if (+result.valid == 1) {
    $(".outputDiv").show();
  }
});