What is a better way to call Ajax code in asp.net

Question

4.00/5 (1 vote)

See more:

XML

I am trying to figure out a better way to execute ajax code. Right now from aspx file  I call a ashx file in which I put html code combined with C# code.

However it seems not the best solution. Is there a way to call an html or aspx that will return the results after C# code executed? Like a template where you replace placeholders with actual values returned by the C# code.

Thank you.

Here is a sample code:

ASPX file:

 var accountID = $("#<%= hdnAccountID.ClientID %>").val();

            $.ajax({
                type: "POST",
                url: "/MyCourses/Handlers/defaultCourse.ashx?&AccountID=" + accountID,
                data: 'AccountID=' + accountID,
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    if (data != "0") {

                        $("#divAjaxDefaultCourse").html(data);
                        $('#divAjaxDefaultCourse').show();
                    }
                },
                error: function () {
                    alert('Sorry some error occurred');
                }
            });

//*****************************************

ashx file

      string htmlOutput =
             "<div class='col-lg-6 mid_right'>"+
                "<div class='course_banner'>"+
                    "<div class='banner_left'>"+
                        "<img src='/images/banner_right_icon.png'>"+
                      "</div>"+
                      "<div class='banner_content'>"+
                          "<div class='formatCourseHeader' style='font-size: 24px; color: #000000; font-weight: 500; width: 50%; margin-top: 43px; float: left;'>"+
                               "<div id='courseNameDefault'>"+ defaultCourse.CourseTitle + "</div>" +
                               "<div id='daysDefault'>Days: " + defaultCourse.MeetingDays + "</div>" +
                               "<div id='timesDefault'>Time: "  + defaultCourse.MeetingTime + "</div>" +
                               "<div runat='server' id='divClassSizeDefault'>" + classSize + " Classmates</div>"+
                           "</div>"+
                      "</div>"+
                "</div>"+

     return htmlOutput;
        }

Posted 15-Mar-14 18:31pm

Albert83

Add a Solution

Comments

TcJoshJohnson 16-Mar-14 1:14am

This is exactly the type of problem the Razor view engine was designed to resolve. Have you looked into making that switch?

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2014-03-15T19:10:00

Solution 1

You can add WebMethod on aspx page code behind. You can call that from the aspx page.

If you want to do this from HTML page, then you have to create a WebService or WCF Service. Call that Service from HTML or aspx page using jQuery Ajax.

Posted 15-Mar-14 19:10pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

Albert83 16-Mar-14 1:17am

Thank you for your reply. I know about WebMethods. But it's not a solution for this case.
I actually want to have an aspx or html file and in that file have placeholders to replace C# code.
For example:
<html>
...
<p> Course Name: { $courseName } </p>

$courseName will be retrieved from a C# code page.
..
</html>

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 16-Mar-14 1:35am

If the aspx or HTML files are different files, then for that you have to read that HTML or aspx page using C# File operation classes. Then replace the values directly.

Is that what you are doing?

Albert83 · Answer 2 · 2014-03-15T20:42:00

Something similar to this idea

C#

var Golfers = [

       { ID: "1", "Name": "Bobby Jones", "Birthday": "1902-03-17" },

       { ID: "2", "Name": "Sam Snead", "Birthday": "1912-05-27" },

       { ID: "3", "Name": "Tiger Woods", "Birthday": "1975-12-30" }

       ];

XML

<script id="GolferTemplate1" type="text/html">

       {{=ID}}: <b>{{=Name}}</b> <i>{{=Birthday}}</i> <br />

   </script>



   <script id="GolferTemplate2" type="text/html">

       <tr>

           <td>{{=ID}}</td>

           <td><b>{{=Name}}</b></td>

           <td><i>{{=Birthday}}</i> </td>

       </tr>

   </script>