文档章节

xmlhttprequest返回数据转json

睡不醒的黑客
 睡不醒的黑客
发布于 2015/10/29 12:43
字数 220
阅读 222
收藏 0
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Ajax</title>
	<!--script type="text/javascript" src="./jquery-1.11.3.min.js"></script-->
</head>
<body>
	<input type="button" name="ajax" value="Ajax提交" onclick="Ajax();">
	<div id="resText"></div>
</body>
</html>

<script tyep="text/javascript">
function Ajax(){
	var XmlHttpRequest = null;	//声明一个空对象用来装入XMLHttpRequest
	if (window.ActiveXObject){//IE5 IE6是以ActiveXObject的方式引入XMLHttpRequest的
		XmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
	} 
	else if (window.XMLHttpRequest){//除IE5 IE6 以外的浏览器XMLHttpRequest是window的子对象
		XmlHttpRequest = new XMLHttpRequest();//实例化一个XMLHttpRequest
	}
	if(XmlHttpRequest != null){	//如果对象实例化成功 
		XmlHttpRequest.open("GET","./demo3-get/get3.php?username=hanqing&content=shuai",true);	//调用open()方法并采用异步方式
		XmlHttpRequest.onreadystatechange=RequestCallBack; //设置回调函数
		XmlHttpRequest.send(null);	//因为使用get方式提交,所以可以使用null参调用
		//return alert("this is has ()");
	}
	var a;
	function RequestCallBack(){
	if(XmlHttpRequest.readyState==4)
	{
		if(XmlHttpRequest.status==200)
		{
			console.log(XmlHttpRequest);
			console.log(XmlHttpRequest.responseText);
			a=JSON.parse(XmlHttpRequest.responseText);
			console.log(a);
			document.getElementById('resText').innerHTML=a.username;
		}
	}
}
}
</script>

将xmlhttprequest.responsetext返回的字符串转为json对象a

© 著作权归作者所有

睡不醒的黑客
粉丝 0
博文 5
码字总数 700
作品 0
杭州
程序员
私信 提问
最简单最实用的ajax(一)基础通用ajax

最简单最实用的ajax(一)基础通用ajax 最通用的ajax实现整理,不调用jquery,asp.net ajax等框架,最原始ajax实现,兼容IE,FireFox。 三种最常用的数据格式(字符串、XML、JSON)的ajax实现...

科技小毛
2017/10/12
0
0
文件上传返回JSON数据,在IE9下提示下载文件

在项目开发的时候,遇到一个文件上传后,在ie9浏览器下返回JOSN数据,提示保存下载的问题,图下图所示。 原因 upload上传使用了两种方式上传文件。对于支持XMLHTTPRequest文件上传的浏览器,...

极客教程
2018/12/27
0
0
转jQuery Ajax 全解析

转载请标明出处! jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说,直接进入正题,我们先来看一些简单的方...

小花卷juan
2017/06/10
104
1
PHP判断ajax请求:HTTP_X_REQUESTED_WITH

有时我们需要判断是不是ajax请求来决定模块输出还是json格式输出. PHP判断ajax请求的原理: 在发送ajax请求的时候,我们可以通过XMLHttpRequest这个对象,创建自定义的header头信息, 在jquer...

鬼方赤命
2016/11/22
51
0
JSONP原理优缺点(只能GET不支持POST)

JSONP的优点是:它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制;它的兼容性更好,在更加古老的浏览器中都 可以运行,不需要XMLHttpRequest或ActiveX的支持;并且在请求完毕...

BearCatYN
2015/06/04
870
0

没有更多内容

加载失败,请刷新页面

加载更多

JMM内存模型(一)&volatile关键字的可见性

在说这个之前,我想先说一下计算机的内存模型: CPU在执行的时候,肯定要有数据,而数据在内存中放着呢,这里的内存就是计算机的物理内存,刚开始还好,但是随着技术的发展,CPU处理的速度越...

走向人生巅峰的大路
32分钟前
81
0
你对AJAX认知有多少(2)?

接着昨日内容,我们几天继续探讨ajax的相关知识点 提到ajax下面几个问题又是必须要了解的啦~~~ 8、在浏览器端如何得到服务器端响应的XML数据。 通过XMLHttpRequest对象的responseXMl属性 9、 ...

理性思考
41分钟前
4
0
正则表达式基础(一)

1.转义 转义的作用: 当某个字符在表达式中具有特殊含义,例如字符串引号中出现了引号,为了可以使用这些字符本身,而不是使用其在表达式中的特殊含义,则需要通过转义符“\”来构建该字符转...

清自以敬
44分钟前
4
0
idea中@Data标签getset不起作用

背景:换电脑以后在idea中有@data注解都不生效 解决办法:idea装个插件 https://blog.csdn.net/seapeak007/article/details/72911529...

栾小糖
50分钟前
5
0
Apache Kudu 不能删除不存在的数据

使用Apache Kudu客户端,对KafkaConnect Sink 进行扩展。 使用的Apache Kudu 的Java 客户端。突然有天发现作业无法提交,一直报错。 后来才发现这是Kudu自身的一种校验机制。为了忽略这种校验...

吐槽的达达仔
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部