In this post, I will discuss Part  28 Student Result show by search trimester and myasp server registration and login using Jquery & Angular js in ASP.NET MVC.

Step-1:  In Marks Page writing the below code.

Go to Solution Explorer > Views Folder > StudentProfile  Folder> Marks page  with writing the below code. Trimester Name Load and when select Trimester Name then student can show Result.

                <div class="col-7">

                        <h1>Result Info</h1>

                        <hr />

                        <div class="form-group">


                            <label>Trimester Name</label>

                            <select class="form-control" onchange="GetStudentResult(this)" ng-model="StudentCourseOfferDAO.TrimesterInfoId" id="TrimesterInfoId">

                                <option ng-repeat="e in Trimester" value="{{e.TrimesterInfoId}}">{{e.TrimesterInfoName}}</option>

                            </select>



                        </div>

                        <div class="form-group">

                            <table class="table table-responsive table-info" id="dtTable">

                                <thead>

                                    <tr>

                                        <td>SL#</td>


                                        <td>Course Name</td>

                                        <td>Marks</td>

                                        <td>Out of Marks</td>


                                    </tr>

                                </thead>


                                <tbody id="dtTableBody">

                                </tbody>

                            </table>

                        </div>

                    </div>

Step-2: In this page add GetStudentResult() function with writing the below code.

function GetStudentResult(select) {

        var prm = "";     

            prm = prm + " and StudentId ='" + @Session["StuId"] + "'"  

        if ($('#TrimesterInfoId').val() != "") {

            prm = prm + " and TrimesterInfoId ='" + $('#TrimesterInfoId').val() + "'";

        }

          var urlPath = '@Url.Action("GetStudentMarksList", "StudentMark")';

        $.ajax({

            url: urlPath,

            dataType: 'json',

            data: { prm: prm},

            type: "Get",

            async: true,

            success: function (data) {

                var result = JSON.parse(data);

                var row = "";

                var tMark = 0;

                var tMarksOutOf = 0;

                $('#dtTableBody').html("");

                for (var i = 0; i < result.length;i++) {

                    row +="<tr>";


                    row += "<td>" + (i + 1) + "</td>";

                    row += '<td> ' + result[i].CourseName+ '</td>';

                    row += "<td> " + result[i].Marks + "</td>";

                    row += "<td>" + result[i].MarksOutOf + "</td>";

                    tMark = parseFloat(tMark) + parseFloat(result[i].Marks);

                    tMarksOutOf = parseFloat(tMarksOutOf) + parseFloat(result[i].MarksOutOf);

                    row += "</tr>";

                }

                row += "<tr>";

                row += '<td> ' + '</td>';

                row += '<td> Total:' +  '</td>';

                row += "<td  > " + tMark + "</td>";

                row += "<td > " + tMarksOutOf + "</td>";


                row += "</tr>";

                $('#dtTableBody').html(row);

                    },

            error: function (data) {

                alert("Operation Faild!!");

            }

        })

    }

Step-3: Run Application.

Step-4: Open a browser and search in google MYASP Server.

Then go to the first link. After that click sign up button > Sign up page >Sign up here as like video instruction. > Verify your account > Login in below this link

https://member5.myasp.net/account/loginform> after that you will get the admin panel.> In 29 Part video we deployed our project and Database. Please follow the instruction of the 29 part video.