1024问

Ajax 给 XMLHttpReq.onreadystatechange传递参数

Summer ·
更新时间:2024-11-13
· 539 次阅读

Ajax 给 XMLHttpReq.onreadystatechange传递参数
通过：
xmlhttp.onreadystatechange= function(){xx(123)};
or xmlhttp.onreadystatechange= new Function("xx(123)"); 就可以了。
代码如下:
Ajax 给 XMLHttpReq.onreadystatechange传递参数
通过：
xmlhttp.onreadystatechange= function(){xx(123)};
or
xmlhttp.onreadystatechange= new Function("xx(123)");
就可以了。
m=document.getElementsByName("text8");
v=m[i];
XMLHttpReq.onreadystatechange=function(){proce(v)};
----------------------------------------------
function proce(v)
{
if(XMLHttpReq.readyState==4)
{
if(XMLHttpReq.status==200)
{
var res=XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data;
v.value=res;
}
else
{
v.value='....';
}
}
}

一个小测试的例子：
代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test Ajax</title>
<mce:script language="javascript"><!--
function getXMLHttpRequest() {
var xmlHttpRequest;
try
{
xmlHttpRequest=new XMLHttpRequest();
}
catch (e)
{
try
{
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
try
{
xmlHttpRequest=new ActiveXObjec("Msxml2.XMLHTTP");
}
catch (e)
{
throw new Error('Unable to create XMLHttpRequest.')
}
}
}
return xmlHttpRequest;
}
/*
function test() {
var xhr = getXMLHttpRequest();
var url="http://211.87.235.108:5000/sensor.xml";
xhr.open("GET",url);
xhr.send(null);
xhr.onreadystatechange = function(){
if(4==xhr.readyState)
{
if(200==xhr.status) {
//var xmldoc=xmlHttpRequest.responseXML;
var xmldoc=xhr.responseText;
document.getElementById("disp").innerHTML=xmldoc;
}
else {
//alert(xhr.status);
}
}
};
xhr.onstatechange = function() {
handleXMLHttpRequest(xhr) ;
};
}
*/
function handleXMLHttpRequest( xmlHttpRequest) {
if(4==xmlHttpRequest.readyState)
{
if(200==xmlHttpRequest.status){
//var xmldoc=xmlHttpRequest.responseXML;
var xmldoc=xmlHttpRequest.responseText;
document.getElementById("disp").innerHTML=xmldoc;
}
else {
alert(xmlHttpRequest.status);
}
}
}
function doXMLHttpRequest() {
var xhr = getXMLHttpRequest();
var url="http://localhost:5000/sensor.xml";
xhr.open("GET",url);
xhr.send(null);
xhr.onreadystatechange =function (){
handleXMLHttpRequest(xhr);
};
}
function myrefresh() {
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
// --></mce:script>
</head>
<mce:style><!--
body {font-size:12px;}
--></mce:style><style mce_bogus="1"> body {font-size:12px;}</style>
<body onLoad="doXMLHttpRequest()">
<div id="disp">
</div>
</body>
</html>

用例2：
代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> My Documents </title>
<mce:script language="javascript"><!--
function getXMLHttpRequest() {
var xmlHttpRequest;
try
{
xmlHttpRequest=new XMLHttpRequest();
}
catch (e)
{
try
{
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
try
{
xmlHttpRequest=new ActiveXObjec("Msxml2.XMLHTTP");
}
catch (e)
{
throw new Error('Unable to create XMLHttpRequest.')
}
}
}
return xmlHttpRequest;
}
function test() {
var xhr = getXMLHttpRequest();
var url="http://211.87.235.108:5000/sensor.xml";
xhr.open("GET",url);
xhr.send(null);
xhr.onreadystatechange = function(){
if(4==xhr.readyState)
{
if(200==xhr. status) {
//var xmldoc=xmlHttpRequest.responseXML;
var xmldoc=xhr.responseText;
document.getElementById("disp").innerHTML=xmldoc;
}
else {
//alert(xhr.status);
}
}
};
}
/*
function handleXMLHttpRequest( xmlHttpRequest) {
alert(xmlhttpRequest + 2);
if(4==xmlHttpRequest.readyState)
{
if(200==xmlHttpRequest.status){
//var xmldoc=xmlHttpRequest.responseXML;
var xmldoc=xmlHttpRequest.responseText;
document.getElementById("disp").innerHTML=xmldoc;
}
else {
alert(xmlHttpRequest.status);
}
}
}
function doXMLHttpRequest() {
var xhr = getXMLHttpRequest();
var url="http://211.87.235.108:5000/sensor.xml";
xhr.open("GET",url);
xhr.send(null);
xhr.onreadystatechange = handleXMLHttpRequest();
}
*/
function myrefresh() {
window.location.reload();
}
// setTimeout('myrefresh()',1000); //指定1秒刷新一次
// --></mce:script>
</HEAD>
<mce:style><!--
body {font-size:12px;}
--></mce:style><style mce_bogus="1"> body {font-size:12px;}</style>
<body onLoad="test()">
<div id="disp">
</div>
</body>
</html>
您可能感兴趣的文章:如何解决Ajax访问不断变化的session的值不一致以及HTTP协议中的GET、POST的区别通过XMLHttpRequest和jQuery实现ajax的几种方式node.js+Ajax实现获取HTTP服务器返回数据javascript学习笔记（七）Ajax和Http状态码解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题AJAX(XMLHttpRequest.status)状态码动态表单验证的操作方法和TP框架里面的ajax表单验证



onreadystatechange 参数 AJAX

1024 个赞
编辑 举报
需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章
HTML 统一资源定位器(Uniform Resource Locators)
Camille 2020-07-24
884
css选择器设置标签样式的实例代码
Hope 2021-03-01
515
图解JQUERY对尺寸及位置的定义(图文讲解)
Kefira 2020-10-20
659
js解决url传递中文参数乱码问题的方法详解
Octavia 2023-05-12
932
spark大数据任务提交参数的优化记录分析
Anna 2023-05-13
776
使用React.forwardRef传递泛型参数
Anna 2023-05-16
1932
Flask如何接收前端ajax传来的表单(包含文件)
Serafina 2023-07-10
614
MYSQL数据库连接池及常见参数调优方式
Malina 2023-07-19
1117
AJAX跨域请求获取JSON数据的实现方法
Miette 2023-07-20
522
前后端ajax和json数据交换方式
Rhea 2023-07-20
371
前端ajax请求+后端java实现的下载zip压缩包功能示例
Malinda 2023-07-20
1062
关于Ajax的封装详解
Kathy 2023-07-20
153
Ajax基础使用详解
Nora 2023-07-20
836
关于异步请求ajax原理以及原生Ajax、$.ajax的基本使用详解
Pandora 2023-07-20
933
使用AJAX异步通信技术实现搜索联想和自动补全示例
Tani 2023-07-20
1222
Shell脚本传递参数的4种方式实例说明
Bunny 2023-07-20
1813
检查Bash中是否存在输入参数的问题
Willow 2023-07-20
380
Python中pytest的参数化实例解析
Crystal 2023-07-20
1338
vue中watch监听路由传来的参数变化问题
Viridis 2023-07-20
822
SpringMVC和SpringBoot接收参数的几种方式详解
Lida 2023-07-21
1545