AJAX Tutorials - Just another WordPress site

AJAX, short for Asynchronous JavaScript and XML, it isn’t a technology but rather a grouping of technologies. AJAX uses a communication technology (typically SOAP and XML) to send and receive an asynchronous request/response to the server, and then leverages presentation technologies (JavaScript, DOM, HTML, and CSS) to process the response. Applications using AJAX are legitimate today, because most browsers support the necessary technology.

First thing we need to do is to import the AJAX namespace from Ajax.DLL.The Ajax namespace contains Ajax.dll encapsulate Asynchronous JavaScript and XML in Bin folder. This is a combination of JavaScript and XML. The data is transferred in the form of XML.

Now we can simply just call the Script Manager Service or ToolKit Script Manager.

Also go into you code behind and import these 2 lines, since we will be using a database we made to pull data from, you will want to import these namespaces. We have included a database to use during the tutorial, feel free to download our source code.

Imports System.Data.SqlClient
Imports System.Data

We migrated our web sites to Server Intellect over one weekend and the setup was so smooth that we were up and running right away. They assisted us with everything we needed to do for all of our applications. With Server Intellect’s help, we were able to avoid any headaches!

In this tutorial, the only configuration step beyond that is to add the following code in the web.config file, inside the <system.web> element.

If you have Visual Studio 2008 and above the AJAX Control Toolkit manager will make these changes for you automatically.

<httphandlers>
 
<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax"/>
 
</httphandlers>

We stand behind Server Intellect and their support team. They offer dedicated servers , and they are now offering cloud hosting! 

In order to make server-side functions available through JavaScript, two things must be done. First, the function or functions in question must be marked with the Ajax.AjaxMethodAttribute. Second, the class containing these functions must be registered through a call to Ajax.Utility.RegisterTypeForAjax during the page load event. 

<script language="javascript" type="text/javascript">
    function GetData() {
 
        var response;
        Ajax_CSharp.GetData(GetData_CallBack);
 
    }
 
    function GetData_CallBack(response) {
 
        var response = response.value;
 
        if (response == "Empty") {
 
            alert("No Record Found !!!");
 
        }
        else if (response == 'Error') {
 
            alert("An Error occured in accessing the DataBase !!!");
 
        }
        else {
 
            var arr = response.split("~");
            var empID = arr[0].split(",");
            var empName = arr[1].split(",");
 
            document.getElementById('dlistEmployee').length = 0;
            for (var i = 0; i < empID.length; i++) {
 
                var o = document.createElement("option");
                o.value = empID[i];
                o.text = empName[i];
                document.getElementById('dlistEmployee').add(o);
 
            }
 
        }
 
    }
 
    function display() {
 
        var selIndex = document.getElementById("dlistEmployee").selectedIndex;
        var empName = document.getElementById("dlistEmployee").options(selIndex).text;
        var empID = document.getElementById("dlistEmployee").options(selIndex).value;
 
        document.getElementById("lblResult").innerHTML = "You have selected " + empName + " ( ID : " + empID + " )";
 
    }
</script>

We used over 10 web hosting companies before we found Server Intellect. They offer dedicated servers, and they now offer cloud hosting!