In my projects, using the revealing module pattern and breaking my JavaScript into many files (e.g. project.data.js, project.ui.js, project.ui.slider.js) are two of the most useful tools in keeping the projects manageable.

There are MVC frameworks for JavaScript. Backbone is a popular one. However, that’s not necessarily something you need to graft into your project if you’re still using many ASP.NET pages and a traditional navigation model. Client-side MVC is more targeted to single page applications (e.g. GMail, most of Facebook, new Twitter).

The reason behind this is, I’ am having many asp.net pages where hell lots of below codes are implemented in a single file itself. How to customise this??

$.ajax({
url: ..
contentType: “application/json; charset=utf-8″,
data: {…},
dataType: “json”,
responseType: “json”,
cache: false, …………

Thanks in advance,
Sathish Kumar A

Just one note i wish to make, 100kb can be a lot! I am in a country where broadband is extremely limited! And speed is a huge concern. I am on a web dev team to speed up the process of web loading time, a designated post!

I thank you guys a lot for these posts.
It might seem worthless to some to “increase” speed by 5ms… But to some 5ms is 3sec for others… 3 sec no one can afford to lose.

Never give up on your dreams and hopes.
In anti- depression, the line is “To the world you might be someone, but to someone, you are the world…”.
You can figure out the inspirational line in the technology movement.

Thanks

var student = {
  Name: 'Dave',
  Rno: 7
};
 
var params = JSON.stringify({ objStudent: student });
 
$.ajax({
  // url, contentType, etc
  data: params,
  // The rest of your AJAX call here.
});

More info here: http://encosia.com/using-complex-types-to-make-calling-services-less-complex/

        $(document).ready(function() {
            $("#RetStudent").live("click", function() {
                var Student = {}; // new Object;
                Student.Name = "Madhu";
                Student.Rno = 5;
                var params = JSON.stringify(Student);
                $.ajax({
                    type: "POST",
                    url: "AjaxPage.aspx/getDetails",
                    data: "{"+ params +"}",
                    contentType: 'application/json; charset=utf-8',
                    dataType: 'json',
                    success: function(r) {
                            alert(r.d.Name);
                            alert(r.d.Rno);
                    },
                    error: function() {
                        alert(arguments[2]);
                    }
                });
            });
        });

page webmethod:

    public class Student
    {
        string name;
        int rno;
        public string Name
        {
            get { return name; }
            set { name = value; }
        }
        public int Rno
        {
            get { return rno; }
            set { rno = value; }
        }
    }
 
    [WebMethod]
    [System.Web.Script.Services.ScriptMethod()]
    public static Student getDetails(Student objStudent)
    {
        objStudent.Name = "MadhuKrishna";
        objStudent.Rno = 7;
        return objStudent;
    }

please let me know wat i did wrong in this.

am getting internal server error.
Thanks in Adv.