1

我正在更新问题。为了简化情况，我在index.php文件中有这个脚本

<form name="f" action="index.php" method="post">
    <input type="button" name="but" id="but" value="Retrieve">
    <div id="div"></div>
    <input type="submit" name="ok">
</form>



<script type="text/javascript">
document.getElementById("but").onclick = function(){
    var http = false;
    if (window.XMLHttpRequest){
        http = new XMLHttpRequest();
    } else {
        http = new ActiveXObject("Microsoft.XMLHttp");
    }
    if (http){
        http.open("POST","other.php",true);
        http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        http.onreadystatechange = function(){
            if (http.status==200 && http.readyState==4){
                document.getElementById("div").innerHTML = http.responseText;
            }
        };
        http.send(null);
    }
};
document.getElementById("y").onclick = function(){
    alert("okaaay");
};
</script>

并有other.php文件与下面的脚本

<?php
echo "<input type='text' name='y' id='y'>";
?>

Ajax 脚本工作得很好，但我的问题是，当在 index.php 页面中检索这个标记的输入元素时，使用第二个 JavaScript 代码我无法操作它，请帮助，谢谢 :)

4

2 回答 2

3

更改代码，以便在 other.php 的响应返回后设置“y”onclick，如下所示：

 http.onreadystatechange = function(){
        if (http.status==200 && http.readyState==4){
            document.getElementById("div").innerHTML = http.responseText;
            document.getElementById("y").onclick = function(){
              alert("okaaay");
            };
        }
    };

否则，您将在尚不存在的元素上设置该事件处理程序:-)

于 2012-07-27T22:12:23.710 回答
0

相反，我认为您应该只发回一些信息：

$response = json_encode( array('type'=>'text','name'=>'y','id'=>'y') );
print $response;

然后，当您收到它（作为 application/json 类型）时，使用 javascript 创建一个 type 的新元素input，然后使用您收到的 json 为其提供所需的属性。一旦它被创建并存储在一个变量中，将该元素放在你的 div 中。

于 2012-07-27T22:12:56.923 回答