Ajax中传输格式为JSON

一：

1.介绍

2.嵌套

3.json解析

4.优缺点

二：json功能程序测试

1.设计

2.程序

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>Insert title here</title>
 6 <script type="text/javascript">
 7     var jsonObject={"name":"tom",
 8                     "age":18,
 9                     "address":{
10                         "city":"BJ",
11                         "school":"BD"
12                     },
13                     "teaching":function(){
14                         alert("java ajax");
15                     }
16     };
17     alert(jsonObject.name);
18     //嵌套
19     alert(jsonObject.address.city);
20     //json里包含函数属性
21     jsonObject.teaching();
22
23     //将字符串转为json对象
24     var jsonStr="alert('hello ajax2')";
25     eval(jsonStr);
26
27     //
28     var json="{'name':'bob'}";
29     var testjson=eval("("+json+")");
30     alert(testjson.name);
31 </script>
32 </head>
33 <body>
34
35 </body>
36 </html>

三：大纲

四：程序

1.andy.js

1 {"person": {
2   "name":"Andy Budd",
3   "website":"http://andybudd.com/",
4   "email":"andy@clearleft.com"
5   }
6 }

2..css

　　程序和前面的相同。

3.index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">@import url("clearleft.css");
</style>
<script type="text/javascript">window.οnlοad=function(){var aNodes=document.getElementsByTagName("a");for(var i=0;i<aNodes.length;i++){aNodes[i].οnclick=function(){var request=new XMLHttpRequest();var method="GET";var url=this.href;request.open(method,url);request.send(null);request.onreadystatechange=function(){if(request.readyState==4){if(request.status==200||request.status==304){//XML格式var result=request.responseText;      //需要修改成Textvar jsonObject=eval("("+result+")");  //变成执行语句var name=jsonObject.person.name;var website=jsonObject.person.website;var email=jsonObject.person.email;//alert(name);//构建节点var aNode=document.createElement("a");aNode.appendChild(document.createTextNode(name));aNode.href="mailto:"+email;var h2Node=document.createElement("h2");h2Node.appendChild(aNode);var aNode2=document.createElement("a");aNode2.appendChild(document.createTextNode(website));aNode2.href=website;var detailsNode=document.getElementById("details");detailsNode.innerHTML="";                            // 在每次之前进行清空detailsNode.appendChild(h2Node);detailsNode.appendChild(aNode2);}}}return false;}}}
</script>
</head>
<body><h1>People</h1><ul><li><a href="files/andy.js">Andy</a></li><li><a href="files/richard.js">Richard</a></li><li><a href="files/jeremy.js">Jeremy</a></li> </ul><div id="details"></div>
</body>
</html>

五：效果

　　执行的效果与前面的执行效果相同。

Ajax中传输格式为JSON相关推荐

002 Ajax中传输格式为HTML
一: 1.介绍返回的数据可以直接插入到需要的地方. 2.优缺点二:程序大纲 1.结构三:程序 1.css body {background: #ffb url("logo.png&qu ...
Ajax如何设置contenttype,ajax中设置contentType: application/json的作用
最近在做项目交互的时候,刚开始向后台传递数据返回 415 ,后来百度添加了 contentType:"application/json" 之后返回400,然后把传输的数据格式改为j ...
ajax_contenttype,ajax中设置contentType: application/json的作用
AJAX 的 ajax中设置contentType: "application/json"的作用最近在做项目交互的时候,刚开始向后台传递数据返回 415 ,后来百度添加了 con ...
js ajax contenttype,ajax中设置contentType: application/json的作用（图文教程）
这篇文章主要介绍了ajax中设置contentType: "application/json"的作用,需要的朋友可以参考下最近在做项目交互的时候,刚开始向后台传递数据返回 415 ...
SAP中ABAP格式与JSON格式互转方法研究
一.JSON概念 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. JSON数据格式示例: { "学生": [ {"姓名 ...
ajax 中json格式数据格式,AJAX中的dataType(数据格式)-text、json
因为经常使用数据格式,所以将它封装成类,J这样就不会用到时就写了,直接调用写好的类就可以了 (1)dataType数据格式为:TEXT格式的数据是字符串的数据,在"ajax对数据进行删除和查 ...
ajax中json和文本的区别,json格式字符串--json对象【ajax_responseText】重点
JSON.parse(string) JSON.Stringify(object)document.getElementById("id").value=jsonObj // ...
jsp中jquery传值给Java_jsp中利用jquery+ajax在前后台之间传递json格式参数
经过一段时间的实验琢磨,终于将前后台之间的参数传递搞定了,实验所用工具myeclipse+structs1.2. 总结:容易出错的地方:1.ajax中data的格式一定要写对,这里举了两种形式,一种是 ...
ajax返回显示下拉列表,ajax中网页传输（二）JSON——下拉列表显示练习(示例代码)...
以json返回数据类型显示"民族下拉列表" 第一:body页面显示部分 JSON下拉显示Nation表中的数据用下拉显示Nation表中的数据第二:jscrip中ajax后台函 ...

Ajax中传输格式为JSON

Ajax中传输格式为JSON相关推荐

最新文章

热门文章