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;
}

原生JS的ajax处理json数据格式的异步请求完整例子

//以post方式发送数据为例 function chuFa() { //html元素事件触发的函数 var myXMLHttpRequest = null; ...
  • elves766
  • elves766
  • 2016年07月07日 13:45
  • 6289

ajax请求中json数据的处理

使用ajax方法请求时,一般使用xml与json来传递数据,那么后台如何发送,前台接收并处理json类型的数据呢? 先说一说如何在后台发送json数据。 首先需要在项目中导入json.jar。这个ja...
  • u013299077
  • u013299077
  • 2015年01月23日 17:35
  • 1575

ajax接收json数据到js解析

解决js解析后台返回的list和对象遍历问题
  • white_ice
  • white_ice
  • 2016年09月23日 14:30
  • 5430

JS使用ajax异步处理json响应数据

客户端使用ajax异步请求服务器$.ajax({ async: true, type: "post", url: "getcode", dataType: "json"...
  • qq_27905183
  • qq_27905183
  • 2017年06月16日 23:07
  • 276

AJAX跨域请求json数据的实现方法

这篇文章介绍了AJAX跨域请求json数据的实现方法,有需要的朋友可以参考一下 我们都知道,AJAX的一大限制是不允许跨域请求。 不过通过使用JSONP来实现。JSONP是一种通过脚本标记注入的方式,...
  • liuzp111
  • liuzp111
  • 2014年05月29日 14:06
  • 1604

AJAX向服务器发送请求并返回json数据

这里想实现的功能大概是这样:类似注册时,用户名已经被注册了的情况。当用户失去焦点的时候利用AJAX发送请求到服务器端,服务器端进行数据库查询,如果有相同的用户名则页面提示用户名已被注册了,不能用,否则...
  • kevinxxw
  • kevinxxw
  • 2015年07月31日 16:00
  • 6026

Servlet如何获取ajax中以json格式传入的数据?

$('#but_json_json').click(function(){             var j ={"name":"王","password":123456};          ...
  • e_wsq
  • e_wsq
  • 2017年05月01日 02:42
  • 2575

$.ajax()方法从服务器获取json数据几种方式详解

对$.ajax()方法从服务器获取json数据的几种方式进行详解
  • Sun9528
  • Sun9528
  • 2017年06月10日 10:45
  • 12302

Ajax的基础请求以及获取JSON的两种解析方式

作为一个前端,避免不了需要做前后台交互/*基础请求*/ var xmlhttp = null; if(window.XMLHttpRequest){ var xmlhttp = new XMLHt...
  • H_Elie
  • H_Elie
  • 2016年09月10日 11:31
  • 2309

AngularJS学习笔记(3)——通过Ajax获取JSON数据

通过Ajax获取JSON数据以我之前写的与用户交互的动态清单列表为例,现在把模型model内的items中的值单独写成一个JSON文件,再通过发起Ajax请求的方式获取JSON数据。这样,清单列表中的...
  • qq_33548747
  • qq_33548747
  • 2017年07月16日 13:44
  • 1199
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax处理json数据
举报原因:
原因补充:

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