javascript - 在 javascript 脚本中执行 php 脚本

Question

我在使用 Javascript 时遇到了问题(因为我对这种语言还很陌生)

我的问题是:我有一个 Javascript 脚本，当您单击按钮时，它会添加表单字段，并通过递增来更改其名称。然后将数据存储到数组中。当我保存这些填充字段后，我需要将它们取回并将它们显示到 <input type="text" value="<?php $myvalue[] ?>"/> 中。 。问题是，我需要将其放入 javascript 文件中，但我不知道它如何将里面的内容解释为 PHP 脚本。

这是我尝试过的:

var counter = 1;
var limit = 10;
var new_div = '<?php echo json_encode($arraySpecialite['+ counter +']); ?>';
function addInput(divName){
if (counter == limit)  {
      alert('You cannot add more than' + counter + ' fields');
 }
 else {
      var newdiv = document.createElement('div');
      newdiv.innerHTML = 'Specialité ' + (counter + 1) + ' <br><input type="text" name="specialite[]" id="specialite[]"" value="'+ new_div +'">';
      document.getElementById(divName).appendChild(newdiv);
      counter++;
 }
}

提前致谢。

Answer 1

你可以做不同的事情:

在返回初始 View 的 PHP 中，返回一个响应，其中包含将保存数据的 javascript。

例如:

<script>
    var new_div = '<?php echo json_encode(array(1,2,3)); ?>'
</script>

因此，如果您的 javascript 在同一作用域或内部作用域中运行，它将有权访问该变量。

或

发出 AJAX 请求并读取服务器的响应

xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        console.log(xmlhttp.responseText);
    }
}
xmlhttp.open("POST","myscript.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("name=Shikaka&lastname=Ventura");

当 myscript.php 收到请求时，使用它(确保转义这些值)，然后返回响应

<?php 
    echo json_encode(array(1,2,3));