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.

Since you control the browser your users will be using, CORS might be a better approach in your case. When you say “device” and “docked”, I’m assuming a tablet type device? Most modern browsers (like the WebKit-based browsers on iOS, Android, and BlackBerry) do support CORS well, which would allow you to make a jQuery $.ajax() call as simply as if it were a local service. The only thing you’ll need to do is configure your server’s IIS to add the CORS HTTP headers to its responses. Details here: http://enable-cors.org/

We are looking at developing local Web app with static HTML pages(on a device – not hosted on a server).
When the device is docked it will acquire a network connection and make HTTPS WCF Service calls to update server databases.

It seems like using jQuery would be a good fit for making the web service calls but after a pass thru this blog entry I have 2 initial questions?
1. Is JSONP an appropriate jQuery mechanism to deal with a cross-domain HTTPS request?
2. Are you aware of any gotchas trying to interface a JSONP request to a WCF Service, and can you provide any references that would assist?