Ajax is "asynchronous javascript and XML" has been well-known acronym,However,
although XML is an important part of the look,It isn't necessary.A senior software
engineer Douglas Crock ford developed a built-in javascript data format,That the
object known as the javascript(JSON,Javascript Object Notation),Means that Ajax
object to the use of direct transmission of information,Can be read as "Jason".
1.What is JSON
The concept is simple JSON,JSON is a lightweight data format,It javascript-based
subset of the grammar,That is, and the array of objects that.As a result of the
use of grammar is javascript,Therefore, the definition of JSON can be included in
the javascript file,Their visit without the need for XML-based language for
additional analysis.However, before the use of JSON,It is important to understand
the javascript array and the object literally in the amount of the special syntax.
1.1Array literal volume
Array literal volume,The other one is from a group of brackets separated by the
value of the javascript,Example:
var aNames=["hello", 12, true , null];
1.2Literal target volume
Literal target volume,Is to spend two brackets to the definition of.Flowers in
the brackets can be placed any number of "name - the value",Definition Format
String Value.In addition to the last line outside,Each "name - the value of" there
must be a comma after(Perl and in this joint array similar to the definition of
some).Example:
var oCar = {
"color": "red",
"doors" : 4,
"paidFor" : true
};
1.3Mixed literal volume
We can mix and the object literally array volume,To create an object array,Or
contains an array of objects.Example:
{comments:[
{
id:1,
author:"someone1",
url:"http://someone1.x2design.net",
content:"hello"
},
{
id:2,
author:"someone2",
url:"http://someone2.x2design.net",
content:"hello"
},
{
id:3,
author:"someone3",
url:"http://someone3.x2design.net",
content:"hello"
}
]};
1.4JSON syntax
Ajax in applications,Server is a direct statement to generate javascript,Direct
access to the client after the eval method used to obtain this target, so that
might dispense with the analysis of XML performance loss. At the same time, the
use of javascript communications JSON data format as the star of the benefits are,
you can immediately access the data value, the faster the access, including data.
var oCarInfo = eval("(" + sJSON + ")");
Remember: In the javascript in brackets spent a statement. Resolver to know
that the curly braces is a target rather than a statement of whether it is the
only way to find it in parentheses package (which is used to describe the code is
an expression rather than a statement).
1.5JSON encoding and decoding
JSON as part of the resources, Corockford developed a JSON to achieve the
target directly and Javascript coding and decoding. The source tools can
www.crockford.com / JSON / json.js download.
Used in the above eval () there are some inherent shortcomings: it is used for
the Javascript code into any evaluation and not just the JSON. As a result, when
it comes to enterprise-class web application development, it's a big security
risk. To solve this problem, you can use JSON code will only be used to convert
the Javascript parser JSON.parse () methods to achieve. Example:
var oCar = new Object();
oCar.doors = 4;
oCar.color = "blue";
oCar.year = 1995;
oCar.drivers = new Array("Penny", "Dan" , "Kris");
document.write(JSON.stringify(oCar));
This code will be output of the JSON string is as follows:
{"doors" : 4, "color" : "blue", "year" :1995, "drivers" : ["Penny", "Dan" ,
"Kris"]}
2.JSON and XML
As mentioned above, JSON and XML compared to one of the major advantages is that
it more simple.
See XML data example:
The use of XML, said:
<comments>
<comment>
<id>1</id>
<author>someone1</author>
<url>http://someone1.x2design.net</url>
<content>hello</content>
</comment>
<comment>
<id>2</id>
<author>someone2</author>
<url>http://someone2.x2design.net</url>
<content>someone1</content>
</comment>
<comment>
<id>3</id>
<author>someone3</author>
<url>http://someone3.x2design.net</url>
<content>hello</content>
</comment>
</comments>
The use of JSON:
{comments:[
{
id:1,
author:"someone1",
url:"http://someone1.x2design.net",
content:"hello"
},
{
id:2,
author:"someone2",
url:"http://someone2.x2design.net",
content:"hello"
},
{
id:3,
author:"someone3",
url:"http://someone3.x2design.net",
content:"hello"
}
]};
Can easily find that many of the redundant information missing. As a result there
is no need to start with the label (opening tag) to match the end of the label
(closing tag), therefore, to send the same information needed to significantly
reduce the number of bytes. Corockford its founder called "XML weight loss
program"). JSON and XML data formats, for the layman readability shortcomings
is even worse. Of course, there is a point of view is that the data exchange
format is not observed with the naked eye. If the tool back and forth through the
transmission of data to create and resolve, then indeed there is no reason for
people to make the data must be easy to read. The essence of the problem lies:
there are tools available JSON.
3. Server-side JSON tools java:
java JSON tools, developed by Douglas Crock ford, in www.crockford.com/JSON/java/
Download, it can be used in JSP.
4. JSON the strengths and weaknesses
JSON is not only a reduction of XML resolution to resolve the problem brought
about by the performance and compatibility issues, but also for the javascript is
very easy to use, can easily traverse through an array of objects, as well as
access to property data acquisition, which also Readability good, with basic The
structured nature of the data. Have to say is a good way to google maps and in
fact there will be no transmission of data using XML, JSON instead of using the
program. JSON Another advantage is the feasibility of cross-domain, for
example, the page you www.xxx.com use is entirely feasible, which means you can
cross-border transmission of information. And the use of XMLHttpRequest is not
cross-domain access to information, javascript This is the nature of the internal
security restrictions.
JSON looks beautiful, is not able to completely replace this XML? Is not the case,
and the reason is that the advantages of XML: versatility. To have a server-side
grammar qualified javascript code is not easy, mainly took place in relatively
large system, server and client have different developers. They must consult the
target format, which is likely to result in errors.
In any case, JSON is an attractive technology, prepared to do a lot of trial. I
hope we can obtain great performance.
相关推荐
This is especially true if you've been using XML to do the job because it's entirely possible that you could do much of the same work with less code and less data overhead in JSON. While the book's ...
Beginning JSON is the definitive guide to JSON - JavaScript Object Notation - today’s standard in data formatting for the web. The book starts with the basics, and walks you through all aspects of ...
AjaxJson 是一种在 Web 应用程序中实现异步数据交换的技术,它结合了 AJAX(Asynchronous JavaScript and XML)和 JSON(JavaScript Object Notation)的优势,使得网页可以在不刷新整个页面的情况下与服务器进行...
在Ajax开发实践中,JSON(JavaScript Object Notation)在XMLHttpRequest中的应用是一个关键点,它极大地提高了数据传输的效率和用户体验。 XMLHttpRequest是Ajax的核心组件,它允许JavaScript与服务器进行异步通信...
ajax传送json格式数据,关键是指定contentType,data要是json格式 如果是restful接口,把type改成对应的post(增)、delete(删)、put(改)、get(查)即可 var post_data={"name":"test001","pass":"xxxx"}; $....
### 掌握 Ajax 第 10 部分——使用 JSON 进行数据传输 #### 知识点一:理解 JSON 在 Ajax 中的作用 - **背景介绍**:随着 Web 应用程序的发展,Ajax(Asynchronous JavaScript and XML)技术成为了前端开发的重要...
这里,`data`是我们的JSON数组,`contentType`设置为`application/json`表明我们正在发送JSON数据,`JSON.stringify()`用于将JavaScript对象序列化为JSON字符串。 **二、后端Struts2 Action接收JSON** 在Struts2的...
In conclusion, the paper "Modelling and Generating AJAX Applications: A Model-Driven Approach" highlights the need for a new modeling methodology tailored to AJAX applications. By adopting MDA ...
当AJAX请求成功后,服务器返回的JSON数据会在success回调函数的data参数中。我们可以使用JavaScript的内置方法`JSON.parse()`将JSON字符串转换为JavaScript对象: ```javascript success: function(data) { var ...
在IT行业中,Ajax和JSON是两个非常重要的概念,它们在构建动态、响应式的Web应用程序时起着关键作用。Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。而JSON...
在Ajax中使用JSON作为数据传输格式,可以实现高效、简洁的数据交换。 **JSON的优势:** 1. **易于理解**:JSON格式基于JavaScript语法,因此对于JavaScript开发者来说,理解和解析JSON非常直观。 2. **小巧高效**:...
**Ajax+JSON 实例详解** 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术已经成为提升用户体验的重要工具,它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON(JavaScript Object ...
### Ajax:拥抱JSON,让XML走开 #### Ajax与异步通信 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它结合了多种技术,包括JavaScript、...
Spring MVC、Ajax 和 JSON 是现代Web开发中的关键技术,它们共同构建了高效、动态的用户界面。下面将详细解释这三个技术及其在实际应用中的结合。 **Spring MVC** Spring MVC 是 Spring 框架的一部分,用于构建基于...
An extensive set of exercises are presented to guide the reader through each technique. Explores both supervised and unsupervised techniques as well as advanced techniques such as data scraping and ...
### 什么是Ajax和JSON? #### 1. Ajax详解 ##### 1.1 定义Ajax **Ajax**(Asynchronous JavaScript and XML)是一组技术的集合,这些技术结合在一起能够实现浏览器端对用户请求的异步处理,从而提高用户体验。...
要向服务器发送Json数据,可以在Ajax请求中设置`data`属性,例如: ```javascript var sendData = { key1: 'value1', key2: 'value2' }; $.ajax({ url: '/saveJson', type: 'POST', contentType: '...
"Ajax返回JSON对象"这个主题聚焦于Ajax如何处理JSON(JavaScript Object Notation)数据格式,这是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 1. **Ajax基础**: - **异步通信**:...
Ajax-Data-Model ajax 数据请求模型封装。在 ajax 请求的生命周期过程中,实现基于项目约定的通用行为操作。 特性 umd 支持 memory/sessionStorage/localStorage 级数据缓存支持 Promise thenable 风格的 API 调用 ...