简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Backend Development > XML/RSS Tutorial > body text

Code case analysis of XmlHttp asynchronously obtaining website data

黄舟
Release： 2017-03-27 16:59:11
Original
1530 people have browsed it

XmlHttp asynchronously obtains website data code case analysis

<script>
var oDiv
var xh　
function getXML()
{
oDiv = document.all.m
oDiv.innerHTML = "正在装载栏目数据，请稍侯......."
oDiv.style.display= ""
xh = new ActiveXObject("Microsoft.XMLHTTP")
xh.onreadystatechange = getReady
xh.open("GET",a.value,true)
xh.send()
　　 
}
　　 
function getReady()
{
if(xh.readyState==4)
{
　 if(xh.status==200)
　 {
　　 
　 oDiv.innerHTML = "完成"
　 }
　 else
　 {
　 oDiv.innerHTML = "抱歉，装载数据失败。原因：" + xh.statusText
　 }
}
}
</script>
<body>
Copy after login

xmlhttp asynchronous example:

URL:<input name=a value="http://bianceng.cn" style="width:600px">
<input onclick="getXML()" type="button" value="得到源代码">
<input onclick="if(xh && xh.responseText) {alert(xh.responseText);oDiv.innerHTML=xh.responseText}" type="button" value="显示源代码">
<div id=m></div>
Copy after login

The above is the detailed content of Code case analysis of XmlHttp asynchronously obtaining website data. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
XmlHttp，异步，网站数据
source：php.cn
Previous article：How to use XMLHTTP to create a code example of a domain name query system Next article：Detailed explanation of how to use XMLHTTP to send extremely long XML form data
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to know when a Vue component is fully initialized? So, in my Vue component, I have an async created method and several variables with async w...
From 2024-04-05 14:20:24
0
1
1442
How to customize HTML code to quickly modify content I have created a website where I want to constantly modify data. This means adding more te...
From 2024-04-04 21:08:14
0
1
3462
How to find JSON data based on other content in a JSON object when duplicates exist? I'm currently implementing some data charts on a website, and I have a JSON that contains ...
From 2024-04-04 10:57:45
0
1
413
JS - Intercept an XMLHttpRequest and trigger a function I just want to trigger a function based on a certain XMLHttpRequest being sent. I don't ne...
From 2024-04-03 15:33:25
0
1
391
Try making the function async to only perform the action after uploading the data Edit to add question at bottom: Currently, it runs fine, except that it's not running asyn...
From 2024-04-02 23:18:57
0
1
384
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！