ajax代码期间使用Javascript
Javascript usage during ajax code
我再次提出问题。为了简化情况,我在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>
并具有其他.php文件和下面的脚本
<?php
echo "<input type='text' name='y' id='y'>";
?>
Ajax脚本运行得很好,但我的问题是,当这个标记的输入元素在index.php页面中检索时,使用第二个JavaScript代码我无法操作它,请帮忙,谢谢:)
更改代码,以便在其他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");
};
}
};
否则,您将在一个尚不存在的元素上设置该事件处理程序:-)
我认为您应该只发回一些信息:
$response = json_encode( array('type'=>'text','name'=>'y','id'=>'y') );
print $response;
然后,当您收到它(作为application/json类型)时,使用javascript创建一个input
类型的新元素,然后使用您收到的json为它提供您想要的属性。创建并存储在变量中后,将该元素放在div中。
相关文章:
- 如何在读取XLS/XLSX本地文件时,使用IE的javascript代码启用未标记为安全的ActiveX控件
- 面向对象的Javascript代码在IE7中不起作用
- 通过命令行/批处理文件打开页面时,将javascript代码注入Google Chrome
- JavaScript代码问题:我正在将对象转换为数组
- Javascript阻止其他Javascript代码
- JavaScript代码未正确检查ajax请求
- 如何调试Javascript代码或函数
- 为什么我在这个javaScript代码中使用NaN
- 将javascript代码转换为jquery代码时出错
- 如何从Objective-C代码中调用javascript代码
- 有什么工具可以轻松读取javascript代码吗
- 这个javascript代码是如何编写的
- 如何解密此javascript代码
- SIMPLE Javascript代码,用于显示谷歌电子表格中单个字段的数据
- HTML标记,包含带引号的JavaScript代码中的引号
- 如何在Win8Metro应用程序的Javascript代码中捕获自己的C#事件
- addEventListener的Javascript代码不工作!?(单击时打开放大的img)
- JavaScript代码无法在表单上呈现部分
- 以下 JavaScript 代码与 Facebook 相关
- 使用解析为javascript源的.php,如何使用条件语句将javascript代码封装在php括号之间