For AJAX applications, JSON is faster and easier than XML:
Using XML
- Fetch an XML document
- Use the XML DOM to loop through the document
- Extract values and store in variables
Using JSON
- Fetch a JSON string
- JSON.Parse the JSON string
Monday, February 23, 2015
JSON vs XML
JSON Object Creation in JavaScript
<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<p id="demo"></p>
<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}'
var obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>
</body>
</html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<p id="demo"></p>
<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}'
var obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>
</body>
</html>
JSON Object Creation in JavaScript
What is JSON
- JSON stands for JavaScript Object Notation
- JSON is a lightweight data-interchange format
- JSON is language independent *
- JSON is "self-describing" and easy to understand
XML example defines an employees object with 3 employee records
<employees>
<employee>
<firstName>John</firstName> <lastName>Doe</lastName>
</employee>
<employee>
<firstName>Anna</firstName> <lastName>Smith</lastName>
</employee>
<employee>
<firstName>Peter</firstName> <lastName>Jones</lastName>
</employee>
</employees>
<employee>
<firstName>John</firstName> <lastName>Doe</lastName>
</employee>
<employee>
<firstName>Anna</firstName> <lastName>Smith</lastName>
</employee>
<employee>
<firstName>Peter</firstName> <lastName>Jones</lastName>
</employee>
</employees>
JSON example defines an employees object, with an array of 3 employee records
{"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]}
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]}
Friday, February 20, 2015
asp.net complete lifecycle of a Web page
- Page request - During this stage, ASP.NET makes sure the page either parsed or compiled and a cached version of the page can be sent in response
- Start - During this stage sets the Request and Response page properties and the page check the page request is either a postback or a new request
- Page Initialization - During this stage, the page initialize and the control's Unique Id property are set
- Load - During this stage, if the request is postback, the control properties are loaded without loading the view state and control state otherwise loads the view state
- Validation - During this stage, the controls are validated
- Postback event handling - During this stage, if the request is a postback, handles the event
- Rendering - During this stage, the page invokes the Render method to each control for return the output
- Unload - During this stage, when the page is completely rendered and sent to the client, the page is unloaded.
Subscribe to:
Posts (Atom)