ajax处理json数据

原创 2016年05月30日 10:07:59
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/ajax.js"></script>
<title></title>
</head>
<body>
<input type="button" onClick="show();" value="Ajax" />
<br />
<div style="width:500px;height:300px;background:yellow;" id="con">
</div>
</body>
</html>
<script type="text/javascript">
function show() {
ajax = createAjax();
ajax.onreadystatechange = function() {
if (ajax.readyState==4 && ajax.status==200) {
var con = document.getElementById('con');
var data = ajax.responseText;
eval("var obj="+data); // eval 执行JS,把接受到的 Json 转换为数组
// {"name":"\u674e\u8339\u661f","email":"liruxing1715@sina.com","date":"1967-01-26 06:04:49"}   PHP文件通过json_encode()返回的 json 数据
con.innerHTML = '姓名:'+ obj.name +'<br />Email:'+ obj.email + '<br />日期:'+ obj.date;
}
}
var url = encodeURI('name=李茹星&email=liruxing1715@sina.com&date=' + new Date().getTime());
ajax.open('post', 'test.php');
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
ajax.send(url);
}

</script>

ajaxjs

var ajax = null;
// 创建 AJAX 对象
function createAjax(){
var request=false;
//window对象中有XMLHttpRequest存在就是非IE,包括(IE7,IE8)
if(window.XMLHttpRequest){
request=new XMLHttpRequest();
if(request.overrideMimeType){
request.overrideMimeType("text/xml");
}
//window对象中有ActiveXObject属性存在就是IE
}else if(window.ActiveXObject){
var versions=['Microsoft.XMLHTTP', 'MSXML.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]);
if(request){
return request;
}
}catch(e){
request=false;
}
}
}
return request;
}

Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目

这个过程很是漫长,在调试的过程中,遇到了各种各样的问题,主要是浏览器的缓存问题耽误了好长时间,龙哥给了大力的支持,通过实现此功能,对ajax,一般处理程序的理解深刻多了;框架的使用提高我们开发的效率;...
  • lishehe
  • lishehe
  • 2013年11月20日 19:46
  • 73983

spring注解@ResponseBody处理ajax请求,json数据类型

最近做了一个spring+ajax 二级级联菜单,总是报各种错误,最后经过分析总结终于解决此问题,现在把问题展示给大家,以供分享。如有问题可以评论,肯定支持。 json需要引用的JSON包有:j...

详谈 Jquery Ajax 异步处理Json数据

啥叫异步,啥叫Ajax.咱不谈啥XMLHTTPRequest.通俗讲异步就是前台页面javascript能调用后台方法.这样就达到了无刷新.所谓的Ajax.这里我们讲二种方法 方法一:(微软有自带A...

使用Ajax获取后台返回的Json数据后,页面处理

原文链接点击打开链接 [html] view plain copy >   html xmlns="http://www.w3.org/1999/xh...

ajax的异步提交以及返回数据的处理,重点json

在工作中,因为种种原因我需要用到了ajax,本身是一个java工程师,但是做java的并不是一辈子写后台,特别是如今的b/s架构,所以通过自身学习了ajax,废话不多扯,看下面。 1.首先我们需要...

详谈 Jquery Ajax 异步处理Json数据.

转自:http://www.cnblogs.com/xiaowu/archive/2011/09/07/2169283.html 啥叫异步,啥叫Ajax.咱不谈啥XMLHTTPRequest.通...

EasyUI+Ajax+Json+一般处理程序实现数据的前台与后台的交互

最近在进行组织部的项目,需要实现界面传值到后台,通过参数进行查询,并且将查询结果通过json数据传过来,最后显示到界面上。实现这样的功能需要EasyUI+Ajax+Json+一般处理程序之间的相互配合...
  • Kobe561
  • Kobe561
  • 2017年10月30日 21:55
  • 444

Ajax 处理 Json 数据

index.html function show() { ajax = createAjax(); ajax.onreadystatechange...

详谈 Jquery Ajax 异步处理Json数据.

啥叫异步,啥叫Ajax.咱不谈啥XMLHTTPRequest.通俗讲异步就是前台页面javascript能调用后台方法.这样就达到了无刷新.所谓的Ajax.这里我们讲二种方法 方法一:(微软有自带A...
  • jbhou
  • jbhou
  • 2011年09月11日 21:34
  • 484

Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目

经过上一篇博客,本节主要是来看实现的功能是后台的数据通过json数据传过来,前台修改的数据再传回数据库之后页面再次更新table中的数据;  图示:   实例:前台的代码 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax处理json数据
举报原因:
原因补充:

(最多只允许输入30个字)