gpt4 book ai didi

javascript - AJAX 加载后调用 Javascript 函数

转载 作者:行者123 更新时间:2023-11-30 17:48:03 25 4
gpt4 key购买 nike

我知道这类问题在这里经常出现。我平时不是那种会问问题的人,但这次我通过搜索找不到解决方案。

我已将我的问题归结为一个非常小且简单的环境:

我有 3 个文件:

索引.php:

<html>
<html xmlns="http://www.w3.org/1999/xhtml">
<script src="javascript.js"></script>
<head>
<title>Test</title>
</head>
<body>
<div>
<input type="button" value="Show" onclick="show('content','content.php');">
<script type="javascript/text">
show('content','content.php');
</script>
<br>
<div id="content"></div>
</div>

内容.php

<div>CONTENT</div>
<input type="checkbox" id="checkbox" onclick="checkbox();">
<input type="text" id="textfield">

和javascript.js

function show(divcontainer,file){
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
}
else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById(divcontainer).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET", file);
xmlhttp.send();
}
function checkbox(){
if(document.getElementById('checkbox').checked){
document.getElementById('textfield').value = "checked";
}
else{
document.getElementById('textfield').value = "unchecked";
}
}

当我按下 index.php 中的按钮时,它会通过 ajax 调用将文件 content.php 加载到 div 容器“content”中。文件 content.php 有一个复选框和一个文本字段。当复选框被选中和取消选中时,它会执行一个 javascript 函数,将选中/未选中的内容放入文本字​​段中。足够简单,一切正常。现在我要做的是在加载 content.php 时调用函数 checkbox() 。在此示例中,这意味着文本框已经具有值“未选中”,而不仅仅是在复选框被选中和再次取消选中之后。

将 javascript 代码放入文件 content.php 没有做任何事情。

不知何故,我觉得必须有一个简单的解决方案。不过,我对 javascript 还是很陌生,所以我还不知道来龙去脉。

任何帮助将不胜感激

非常感谢!

最佳答案

试试这个

   if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
document.getElementById(divcontainer).innerHTML=xmlhttp.responseText;
checkbox();
}

关于javascript - AJAX 加载后调用 Javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19701728/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com