javascript - 如何使用 AJAX 调用 innerHTML 中的 PHP 值

Question

我有由 jQuery 生成的动态输入字段，例如 this

我想知道当 innerHTML 输入有一个值标签时，我如何回显一个 PHP 变量。

var x2counter = 1;
var x2data_i = 45;

function addExam2(d2p_1){
    var e = document.getElementById("d2p_1");

    e.innerHTML += "<input name='xdata_" + x2data_i + "' placeholder='type in' type='text' value='<?php echo $value;?>'>";
    x2counter++;
    x2data_i++;
};

我知道 AJAX 可以做到这一点。假设我有一个 PHP 文件，例如

value.php

$value = ('abc' === 'abc') ? 'right' : 'false' ;

我如何在 innerHTML 中调用 value.php 以便它像这样:

...
 $(wrapper).append('<div><input type="text" name="something" value="<?php echo $value;?>"/>');
...

我是 jQuery 的初学者，所以如果有人可以帮助我，我将不胜感激。

非常感谢。

Answer 1

使用 jQuery 可以像这样。同时更新您的 value.php 以返回/回显该值。如果您需要基于发送的内容的特定值，请使用 data 发送它。

$(document).ready(function() {
    var max_fields      = 10; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap");
    var add_button      = $(".add_field_button");
    var x = 1;
    $(add_button).click(function(e){ 
        e.preventDefault();
        if(x < max_fields){
            x++;
            $.ajax({
                method: "GET", //or POST whatever you need
                url: "value.php"
                //date: //pass what you want
                ,success: function(value){//If you are successful do 
                                          //this with the value returned.
                    $(wrapper).append("<div><input type='text' name='something' value='"+ value +"' />");
                }
                //can do fail too
            });
        }
    });
});

还有 $.get 和 $.post 更具体，但会返回到 $.ajax 调用。