zoukankan
html css js c++ java
ajax的一个最简单例子
{"Money":2000.00,"Age":21}
main.htm
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
<
HTML
>
<
HEAD
>
<
TITLE
>
New Document
</
TITLE
>
<
META
NAME
="Generator"
CONTENT
="EditPlus"
>
<
META
NAME
="Author"
CONTENT
=""
>
<
META
NAME
="Keywords"
CONTENT
=""
>
<
META
NAME
="Description"
CONTENT
=""
>
<
script
type
="text/javascript"
src
="shopajax.js"
></
script
>
</
HEAD
>
<
BODY
>
<
div
id
="as"
></
div
>
<
SCRIPT
LANGUAGE
="JavaScript"
>
<!--
var
ajax
=
new
xmlhttp();
debugger
ajax.getopen(
"
1.html
"
);
function
callpage()
{
if
(ajax.status
==
0
)
{
//
本地为0,远程为200
var
obj
=
eval('('
+
ajax.text
+
')');
document.getElementById(
"
as
"
).innerHTML
=
"
年纪:
"
+
obj.Age
+
"
<br>薪水:
"
+
obj.Money;
}
}
//
-->
</
SCRIPT
>
</
BODY
>
</
HTML
>
shopajax.js:
function
requestHttp()
{
var
request;
if
(window.XMLHttpRequest)
{
request
=
new
XMLHttpRequest();
if
(request.overrideMimeType)
{request.overrideMimeType('text
/
xml');
}
}
else
if
(window.ActiveXObject)
{
var
versions
=
['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.
7.0
', 'Msxml2.XMLHTTP.
6.0
', 'Msxml2.XMLHTTP.
5.0
', 'Msxml2.XMLHTTP.
4.0
', 'MSXML2.XMLHTTP.
3.0
', 'MSXML2.XMLHTTP'];
for
(
var
i
=
0
; i
<
versions.length; i
++
)
{
try
{request
=
new
ActiveXObject(versions[i]);
break
;}
catch
(e)
{}
}
}
return
request;
}
function
xmlhttp()
{
this
.r
=
requestHttp();
}
xmlhttp.prototype.postopen
=
function
(url,data)
{
this
.r.open('POST',url,
false
);
this
.r.setrequestheader(
"
content-type
"
,
"
application/x-www-form-urlencoded
"
);
this
.r.onreadystatechange
=
ReadyStateChange(
this
);
if
(
typeof
(data)
==
'undefined')
this
.r.send();
else
this
.r.send(data);
}
xmlhttp.prototype.getopen
=
function
(url)
{
if
(window.XMLHttpRequest)
{
this
.r.open('GET',url);
this
.r.onreadystatechange
=
ReadyStateChange(
this
);
this
.r.send(
null
);
}
else
{
this
.r.open(
"
GET
"
, url,
true
);
this
.r.onreadystatechange
=
ReadyStateChange(
this
);
this
.r.send();
}
}
ReadyStateChange
=
function
(obj)
{
return
function
()
{
if
(obj.r.readyState
==
4
)
{
obj.status
=
obj.r.status;
obj.text
=
obj.r.responseText;
obj.body
=
obj.r.responseBody;
callpage();
}
}
}
1.html:
查看全文
相关阅读:
Angular 11 中 Schematics 的代码优化
GoEasy使用阿里云OSS出现的问题
易班模拟登录-Day1笔记
类型别名与接口
TypeScript中的数据类型
Javascript类型系统
手写Promise3
手写Promise2
手写Promise1
Promise基础用法2
原文地址:https://www.cnblogs.com/cutepig/p/937429.html
最新文章
java并发编程工具类JUC第四篇:LinkedBlockingQueue链表队列
java并发编程工具类JUC第三篇:DelayQueue延时队列
java并发编程工具类JUC第二篇:ArrayBlockingQueue
java并发编程工具类JUC第一篇:BlockingQueue阻塞队列
快速入门Redis调用Lua脚本及使用场景介绍
Mybatis plus通用字段自动填充的最佳实践总结
Mybatis Plus 3.4版本之后分页插件的变化
hive学习笔记之九:基础UDF
hive学习笔记之八:Sqoop
hive学习笔记之七:内置函数
热门文章
hive学习笔记之六:HiveQL基础
hive学习笔记之五:分桶
hive学习笔记之四:分区表
hive学习笔记之三:内部表和外部表
hive学习笔记之二:复杂数据类型
hive学习笔记之一:基本数据类型
dubbo实战之四:管理控制台dubbo-admin
不想eject,还咋修改create-react-app的配置?
面试官在“逗”你系列:到底应该怎么爬楼梯?!
喜大普奔,微信终于支持外网打开小程序啦!
Copyright © 2011-2022 走看看