To Call Controller From Javascript in Ajax

    Normally to call the Controller Function from javascript or jquery to the controller need to use Ajax to render data Like as below :

On Javascript Page Document Load :

$.ajax({
            url: "/GetBloggers",
            type: "GET",
            success: function (data) {                
                var $select = $('#Name');
                $select.html('');                
                $.each(data, function (index, value) {
                    // append an <option> for each item in returned list.                
                    $select.append('<option id="' + value.BloggerID+ '">' + value.Name+ '</option>');
                });
            },
            error: function (error) {
                alert(JSON.stringify(error));
            }
        })

 function OnChangeName(s) {
        var id = s[s.selectedIndex].id;
        var name = s[s.selectedIndex].value;
        document.getElementById("ID").value = id;
        document.getElementById("name").value = name;
        //alert("The Id of " + name + " is " + id);
    }



On View Page :
 <select id="Name" onchange="OnChangeName(this)"></select>
 <input type="text" id="ID" />
    <input type="text" id="name" />




On Controller :

public List<Bloggers> GetBloggers()
         {
             List<Bloggers> lstBloggers = new List<Bloggers>()
             {
                 new Bloggers { BloggerID = "1", Name= "Jesse Liberty ", Technology = "XAML"},
                 new Bloggers { BloggerID = "2" , Name = "Michael Crump" , Technology = "XAML"},
                 new Bloggers { BloggerID = "3" , Name = "Chris Eargel" , Technology = "C Sharp"},
                 new Bloggers { BloggerID = "4" , Name = "Chris Sells" , Technology = "All"},
                 new Bloggers { BloggerID = "5" , Name = "John Bristowe" , Technology = "Web"},
                 new Bloggers { BloggerID = "6" , Name = "Todd Anglin " , Technology = "KendoUI"},
                 new Bloggers { BloggerID = "7", Name= "John Papa ", Technology = "XAML"},
                 new Bloggers { BloggerID = "8" , Name = "Glen Block" , Technology = "REST"},
                 new Bloggers { BloggerID = "9" , Name = "Lohith " , Technology = "Telerik"},
                 new Bloggers { BloggerID = "10" , Name = "Scott Hanselman " , Technology = "All"},
                 new Bloggers { BloggerID = "11" , Name = "Debugmode" , Technology = "Kendo"},
                 new Bloggers { BloggerID = "12" , Name = "Pinal Dave " , Technology = "SQL Server"},
                 new Bloggers { BloggerID = "12" , Name = "Julie Lerman" , Technology = "Entity Framework"} 
             };
            return lstBloggers;
        }



Like This We can able to call Controller Function and retrieve data.
Thank You.

Comments

Post a Comment

Popular posts from this blog

The MVC Programming Model Basic

Image
MVC is one of three ASP.NET programming models. MVC is a framework for building web applications using a MVC (Model View Controller) design: The Model represents the application core (for instance a list of database records). The View displays the data (the database records). The Controller handles the input (to the database records). The MVC model also provide s full control over HTML, CSS, and JavaScript. MVC File Structure & File Naming Standards MVC uses a standard directory structure and file naming standards which are a very important part of MVC application development. Inside the ROOT directory of the application, there must be 3 directories each for model, view and Controller. Apart from 3 directories, there must have a  Global.asax   file in root folder, and a  web.config  like a traditional ASP.NET application. Root  [directory] Controller  [directory] Controller CS files Models  [directory] Model CS files Views  [directory] View aspx/as
Read more

How to User Remember Me on Login By HTTPCookie

On Every application has the option to hold the User Name and Password by default on the website, either we can use it or not. On the Post going to give information on how to store cookies on browser till we clear the browser cookies. Coding as Below First How to check where any cookies is available or set by User on VB coding :  Dim UserName as String Dim Password as String Dim aCookie As HttpCookie = Request.Cookies("AppName") If Not Request.Cookies("AppName") Is Nothing Then If Not aCookie.Values("User") Is Nothing And Not aCookie.Values("Pass") Is Nothing Then UserName = aCookie.Values("User").ToString() Password = aCookie.Values("Pass").ToString() btnLogin.Focus() ElseIf Not aCookie.Values("User") Is Nothing Then UserName = aCookie.Values("User").ToString() End If End If On Add Cookies on Browser : Dim aCookie As HttpCookie = New HttpCookie("
Read more