Private: Code & Script Snippet » AJAX

Call webservice from javascript

admin — Sun, 11 Oct 2009 17:13:04 +0000

1. VS 2005 – create new website with ASP.NET Ajax-Enabled Website , then create WebService.asmx

using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web.Script.Services;
///

/// Summary description for WebService
///

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService] // <== [System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {

public WebService () {
//Uncomment the following line if using designed components
//InitializeComponent();
}[WebMethod]

public string HelloWorld() {
return “Hello World“;
}[WebMethod]

public string GetDateTimeFromServer()
{
return DateTime.Now.ToString();
}
}

==============================================

2. Create JScript.js

// JScript File

function GetDateTimeFromServer()
{
WebService.GetDateTimeFromServer(OnSuccess, OnFail);
}

function OnSuccess(e){
document.getElementById(‘LabelDateTime‘).innerHTML = e;
}

function OnFail(e){
document.getElementById(‘LabelDateTime‘).innerHTML = e;
}

=================================================

3. Create Default.aspx

<head runat=”server”>
<title>Untitled Pagetitle>
<script src=”JScript.js” type=”text/javascript”>script>
head>
<body>
<form id=”form1″ runat=”server”>
<div>
<asp:ScriptManager ID=”ScriptManager1″ runat=”server”>
<Services>
<asp:ServiceReference Path=”WebService.asmx” />
Services>
asp:ScriptManager>
<br />
<button onclick=”GetDateTimeFromServer();”>
– Show server time –
button>
<br />
<label id=”LabelDateTime”>
label>
div>
form>
body>
html>

===============================================

Sorting Generic List

admin — Wed, 16 Sep 2009 10:17:03 +0000

//Sorting List<> case Item is ListItem
//==============================================
List tempList = new List();

tempList.Insert(0, new ListItem("------------- Vehicle Reports 8"));
tempList.Insert(0, new ListItem("------------- Vehicle Reports 2"));
tempList.Insert(0, new ListItem("------------- Vehicle Reports 4"));

// sort asc
tempList.Sort(delegate(ListItem p1, ListItem p2) {
                    return p1.Text.CompareTo(p2.Text);
                });
// sort desc
tempList.Sort(delegate(ListItem p1, ListItem p2) {
                    return p2.Text.CompareTo(p1.Text);
                });

//Sorting List<> case Item is Object Class
//===============================================
//Apply to sorting in GridView
//===============================================
SortData(e.SortExpression, NewSortDirection, ref listMsgTicker);
//===============================================

#region method for sorting

    private void SortData(string _expression, SortDirection _direction,
            ref List data)
    {
        //sort asc ==
        if (_direction == SortDirection.Ascending)
            data.Sort(delegate(MsgTicker a, MsgTicker b)
            {
                switch (_expression)
                {
                    case "MsgHeader": return a.MsgHeader.CompareTo(b.MsgHeader);
                    case "CreatedDate": return a.CreatedDate.CompareTo(b.CreatedDate);
                    case "ModifiedDate": return a.ModifiedDate.CompareTo(b.ModifiedDate);
                    default:
                        throw new NotImplementedException("Type of property not implemented yet");
                }
            });

        //sort desc ==
        if (_direction == SortDirection.Descending)
            data.Sort(delegate(MsgTicker a, MsgTicker b)
            {
                switch (_expression)
                {
                    case "MsgHeader": return b.MsgHeader.CompareTo(a.MsgHeader);
                    case "CreatedDate": return b.CreatedDate.CompareTo(a.CreatedDate);
                    case "ModifiedDate": return b.ModifiedDate.CompareTo(a.ModifiedDate);
                    default:
                        throw new NotImplementedException("Type of property not implemented yet");
                }
            });

        //return data;
    }

    #endregion
ref: http://dotnetslackers.com/Community/blogs/simoneb/archive/2007/06/20/How-to-sort-a-generic-List_3C00_T_3E00_.aspx

How to… move from AjaxPro to ASP.NET AJAX PageMethods

admin — Tue, 07 Oct 2008 06:45:23 +0000

How to… move from AjaxPro to ASP.NET AJAX PageMethods

http://weblogs.asp.net/mschwarz/archive/2008/01/08/how-to-move-from-ajaxpro-to-asp-net-ajax-pagemethods.aspx

AJAX For Beginners

admin — Sun, 28 Sep 2008 13:13:51 +0000

What is AJAX? AJAX stands for Asynchronous JavaScript and XML. AJAX uses a combination of Javascript and XML to allow web pages to be updated with new data from the server. It consists of HTML, JavaScript, DHTML, and DOM. The traditional way of processing data between client’s browser and a server was to submit a HTML form and send data to the server, the server processed the data and sent a response back to the browser.

The disadvantage of this method is that the web page must be reloaded in the browser. As a new and outstanding approach, AJAX allows to write web-applications without reloading the page on user interaction. By using AJAX, we can create better, faster and easier to use web applications.

AJAX Introduction
AJAX Basic
AJAX Display Contents
AJAX Get and Post
AJAX and Database
AJAX and XML
AJAX Dynamically Update Data

javascript css ajax

admin — Sun, 21 Sep 2008 07:00:23 +0000

http://particletree.com/

ajax javascript tip

admin — Sun, 21 Sep 2008 06:45:07 +0000

Chat with ASP.NET and Ajax

http://www.codegod.de/WebAppCodeGod/a-chat-with-aspnet-and-ajax-AID356.aspx

http://particletree.com/features/preloading-data-with-ajax-and-json/

Alternate Ajax Techniques, Part 1

http://www.webreference.com/programming/ajax_tech/

Alternate Ajax Techniques, Part 2

http://www.webreference.com/programming/ajax_tech2/

http://www.dustindiaz.com/top-ten-javascript/

table sort javascript

admin — Sat, 20 Sep 2008 12:29:53 +0000

http://www.mattkruse.com/javascript/sorttable/#

Description:�
A common need is to have a table of results or data in the browser and to let the user sort the columns in the browser without needing to go back to the server each time.

This complex script allows that functionality using extensive DHTML.

In older browsers (<4) no sorting will happen, and in Netscape the tables may not contain form elements if you wish them to be sorted.

Example:

(Click on the plain text column headers to sort)

Submitted
Sel	Order Num	S	Ref	Date	Serial
	43870	1	43870	14Jun2000	OENVI237s78d
	43810	1	43810	14Jun2000	KKGOEM52905S
	43727	1	43727	14Jun2000	GGFD69234DG
	43949	1	43949	14Jun2000	GIRE562943DF
	43598*	1	43598	02Jun2000	839GJWHFJ53
	43894	1	43894	14Jun2000	5478BSDNUR5
	43794	1	43794	12Jun2000	GJJGI28985GF
	43928	1	43928	14Jun2000	GJWOIER2347234WF
	43640	1	43640	14Jun2000	GJI67GSGF

Name	ID	Bonus
Mary Doe	111	$765.43
John Doe	12345	$500.00
James Baker	555	$0.99

tab

admin — Tue, 26 Feb 2008 07:41:49 +0000

http://www.nyokiglitter.com/tutorials/horizontal.html

Random number

admin — Fri, 25 Jan 2008 13:48:10 +0000

randomnumber = Math.round(14 * Math.random());
document.write (randomnumber);

Asynchronous Callbacks and Ajax based UI Experience in Web Applications

admin — Sat, 01 Dec 2007 07:10:53 +0000

Web applications work on the underlying Http protocol and Http is stateless by nature. It uses the Request - Response pattern between the client and the server, to process the logic at the server and present the information in HTML to the client browser. In the case of long running applications, it would be helpful to the end user to see some status on the browser when the application is processing some complex logic on the server. This article shows a convenient way of showing status information in such cases. The sample demos show how to achieve this in .NET 2.0 using the CallBack infrastructure provided in the framework and also a means to achieve the same effect using the .NET 1.1 framework.

ref: http://www.c-sharpcorner.com/UploadFile/deepakvraghavan/AjaxProgressBars09082006171908PM/AjaxProgressBars.aspx