Question

我已经成功编写了一个有效的Ajax代码，但问题是我只能添加一次输入字段。我有一个提交输入，调用Ajax脚本，一切正常，输入文本字段出现，但在此之后，如果我想通过单击提交输入添加另一个文本字段，它不起作用。你只加载一次（YOLO）。我如何编写更多令人敬畏的代码，让我根据需要添加尽可能多的文本字段？谢谢你的每一个回复。这是我的代码：

的index.php：

<head>

<script>
function ajaxobj(){

if (window.XMLHttpRequest){
    xmlhttp = new XMLHttpRequest();
}else {
    xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
}

xmlhttp.onreadystatechange = function(){
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200)    {
        document.getElementById('asd').innerHTML = xmlhttp.responseText;
    }   
}

xmlhttp.open('GET', 'ajaxAddInput.php',true);
xmlhttp.send();
}
</script></script>
</head>
<body>
<input type="submit" onclick="ajaxobj();">
<div id="asd"></div>

</body>

php文件：

<?php
echo '<input type=\"text\">';
?>

Answer 1

只需使用标准化库，就像jQuery一样。考虑到这一点，您可以使用以下代码：

$("#asd").on('change', function() {
    var val = $(this).val();
    $.ajax("ajaxAddInput.php", {input: val});
});

或者，您也可以将库与类一起使用：

$('input[type=text]').on('change', function() {
    var val = $(this).val();
    $.ajax("ajaxAddInput.php", {input: val});
});

Ajax不止一次添加输入

1 个答案: