WCF Service using ASP.NET AJAX Library
More often, the data to shown in an AJAX page is retrieved from the Web server using a Web service, a Windows Communication Foundation (WCF) service. The services that can also return JavaScriptObjectNotation(JSON) are potential candidates for AJAX pages.
This post explains about calling a WCF service using ASP.NET AJAX Library Data View control. The following are the steps to create and call the service using ASP.NET AJAX Library.
1. Creating a AJAX enabled WCF service
2. Loading the required scripts
3. Calling a service using ASP.NET AJAX Data View Control
Related Posts:
1 commentMaster-Detail Views using ASP.NET AJAX
Master-Detail Views are very common in data-driven Web pages. These views are used for rendering one-to-many relationships. ASP.NET Web forms provided the strong server controls like grids,lists and drop-down lists which supports the multiple levels of data.
In Master-Detail View we normally navigate among master records and drill down into the details of the records that are of interest. In classic Web forms we need trigger many post-backs which most of the users are not happy these days.
This post explains about building a Master-Detail View using ASP.NER AJAX Library.
The DataView Client control is the fundamental tool for building master-derail views in ASP.NET AJAX and it can be used to generate both Master and Detail views.
Basic steps to build the Master-Detail application using ASP.NET AJAX
1. Create markup for the master and detail views.
2. Attach the DataView control to each view.
3. Use data-binding expressions to populate the data to the controls.
Related Posts:
No commentsASP.NET AJAX Library Beta in Visual Studio
Overview
The ASP.NET AJAX Library is a JavaScript library which enables the developer to build highly interactive Ajax applications. Using ASP.NET Ajax client controls we can take the advantage of building database-driven web applications. This post explains how to add these controls to Visual Studio toolbox and explore the beta features.
The ASP.NET AJAX Library is compatible with Visual Studio 2008 and Visual Studio 2010 beta when targeting ASP.NET 3.5.
Using the ASP.NET AJAX Library Beta Scripts
There are two ways that we can use AJAX Library scripts in a web applications.
- Adding controls from AJAX library to Visual Studio Toolbox.
- We can instantiate ASP.NET AJAX Controls in JavaScript Code.
Related Posts:
2 commentsData View Control in ASP.NET AJAX 4 Preview 4
Introduction
The Data View Control in AJAX 4 has some cool features like it can be bind to any JavaScript object or array.It can also be bind to any ASP.NET AJAX Component. You can read the post to know about ASP.NET AJAX 4.0 Preview 4 features.
Providing Data to the Data View Control
Data can be provided to Data View in a number of ways.
- Setting the data property of the Data View Control
Example:
<ul sys:attach="dataview" class="sys-template" dataview:data="{{ imagesArray }}"> <li> <h3>{{ Name }}</h3> <div>{{ Description }}</div> </li> </ul>
Related Posts:
No commentsAjax Principles
Introduction
Ajax a new web application model which defines a new user experience to the end user. The following principles makes web application as a good Ajax application.
- Minimal traffic Ajax applications should send and receive a very little information to and from the web server. Ajax can minimize the traffic between server and client by not sending any unnecessary information and images.
- Interaction Models Traditional web model uses click and wait for interaction where AJAX uses interface paradigms such as drag-and-drop or double-clicking. Be consistent when using the AJAX models.
- Conventions Use established conventions for user interaction via page so that there will be a minimal learning curve.
Related Posts:
No commentsAJAX History
Introduction
This post explains the origins of Ajax, the technologies uses and where the term is originated.Traditional web model requires a full-page load every time new data or new application logic was accessed from the server. In new web 2.0 model only portion of the page is reloads and sends very small amount of data to the client , resulting in a faster and better user user experience.
Open source products are started for development to take the advantage of new model. The following terms terms are evolved during this phase
- JavaScript remoting
- Web remote procedure calls
- Dynamic updating
soon after new term would emerge
AJAX In Feb 2005, Jesse James Garrett named this model as AJAX. The name is short hand for Asynchronous JavaScript + XML.
The Hidden Frame Technique
The hidden frame technique involved setting up a frame set where one frame was set to a width or height to 0 pixels, its purpose is to initiate the communication with the server. This hidden frame contains the HTML form with form fields which are filled out by the javascript and submit back to the server. When the frame returned it calls another javascript function to notify the calling page that data has been returned. This technique represented as first asynchronous request\response model for web applications.
Iframes
In 1997, Iframe element was introduced in HTML 4.0. Instead of defining framesets developers can now simply place their invisible iframes on web page to enable client-server communication. DOM was introduced to create iframes dynamically and receive response all with out including any HTML on the page.
XMLHttp
In 2001, Microsoft has introduced XMLHttp in the form of Activex object to enable the client-server interaction. It is an adhoc HTTP request that controlled from JavaScript. Developers had an access to HTTP status codes, headers and data returned from the server.
AJAX
What Ajax really is? It is an approach to web interaction which involves transmitting of small amount of information to and from the server in order to give the user a better response from the server.
In traditional web application model where the browser itself is responsible for initiating the requests to, processing the requests from the web server.
In Ajax model Ajax engine does all the request processing. The request is done asynchronously, meaning that code execution doesn’t wait for a response before continuing.
Share this post :
Related Posts:
No comments
![Recommend [kalyanms1]](http://s3.amazonaws.com/arkayne-media/img/badge/logo-recommend-badge-medium.png){kind=icon}
