gpt4 book ai didi

javascript - Ajax 程序在 Chrome 上无法运行

转载 作者:行者123 更新时间:2023-11-27 23:04:25 26 4
gpt4 key购买 nike

我为一个小型 ajax 程序编写了以下代码。
我可以在 IE 11 上执行,但不能在 chrome 和 firefox 上执行

html 文件:

<html>
<head><title>Ajax Page</title>
<script>
function ajax_handler(){
try
{
var xmlhttp = new XMLHttpRequest();
}catch(e1){
try{
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e2){
try{
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e3){
alert('ajax not supported');
return false;
}
}
}
var rollno = document.getElementById("roll").value;
xmlhttp.onreadystatechange = getresult;
var url = 'ajax.php?roll='+rollno;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function getresult(){
if(xmlhttp.readyState==4 && xmlhttp.status==200){
var sp = document.getElementById("result");
sp.innerText=xmlhttp.responseText;
}
}
</script>
</head>

<body>
Enter roll:<input type="text" id="roll" name="roll" /><br />
<input type="button" name="submit" value="submit" onclick="ajax_handler()" /><br />
<span id="result"></span>
</body>
</html>

对应的PHP页面:

<?php
$roll = $_GET['roll'];
if($roll == 1001){
echo 'passed';
}
?>

可以看出我的PHP程序没有发回任何
XML 数据。它只发回文本。我犯了什么错误

最佳答案

在尝试代码后,我意识到它实际上可以在 chrome 上运行,但问题出在 getresult() 函数上。内联定义 onreadystatechange 函数比在其他地方定义它更安全。该错误主要是因为 onreadystatechange 不知道 xmlhttp 对象。这是代码。

    <html>
<head><title>Ajax Page</title>
<script>
function ajax_handler(){
try
{
var xmlhttp = new XMLHttpRequest();
console.log('success');
}catch(e1){
try{
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e2){
try{
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e3){
alert('ajax not supported');
return false;
}
}
}
var rollno = document.getElementById("roll").value;
//function is defined inline rather than defining it elswhere and calling the function
xmlhttp.onreadystatechange = function() {
if(xmlhttp.readyState==4 && xmlhttp.status==200){
var sp = document.getElementById("result");
sp.innerText=xmlhttp.responseText;
}
};
var url = 'test.php?roll='+rollno;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
</head>

<body>
Enter roll:<input type="text" id="roll" name="roll" /><br />
<input type="button" name="submit" value="submit" onclick="ajax_handler()" /><br />
<span id="result"></span>
</body>
</html>

关于javascript - Ajax 程序在 Chrome 上无法运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36724333/

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