Ajax 调Handler页面，以及WebService

             我们都知道页面中要使用Ajax，，必须给Ajax指定URL，这个URL可以是本页面的后台，比如AA.aspx.cs，可以是Handler文件，也可以是WebService文件。
             本来我是这样想的，比如一些页面公共的取值，就放到WebService中，这样所有的页面都可以调用，比如取部门，部门联动取人，取城市，区域等。想法是很美好的，但是由于WebService地址全部暴露在JS中，这样就会被别人看到WebService中的所有方法（当WebService文件是在Web目录下面，不单独部署，这样别人能直接访问到WebService中的所有方法，不知道是否有什么隐藏的方法）。方法如下：

$.ajax({                 type: "POST",                 url: "/WebService/WebServiceTest.asmx/ProcessLoginInfo",                 data: "{username:'" + $.trim($("#loginname").val()) + "',password:'" + $("#nloginpwd").val() + "'}",                 contentType: "application/json; charset=utf-8",                 dataType: "json",                 success: function(data) {                     alert(data.d);}});

$.post("/WebService/<span style="font-family:Arial, Helvetica, sans-serif;">WebServiceTest</span>.asmx/ProcessLoginInfo", { username: $.trim($("#loginname").val()), password: $("#nloginpwd").val() }, function(data) {                alert(data.text);});

这2种方法都可以，但是第二种在IE9及以下的版本都没成功，不知道是否传参错误。

WebServiceTest.asmx中对应的方法如下：

       [WebMethod(EnableSession=true)]        public string ProcessLoginInfo(string username, string password)        {              //TODO your operation                  return username;        }

WebService方法中的参数和Ajax传的data是对应的。若要调WebService中的方法，Ajax只能采取Post形式。

其他用户在地址栏中输入http://yourdomain/WebService/WebServiceTest.asmx，可以看到这个WebService中所提供的所有带WebService属性的方法。并且可以在页面直接调，

               这样仿佛太不安全了，换成Handler了，至少不暴露方法。就是每个页面加一个Handler文件，累赘啊

 $.ajax({                 type: "POST",                 url: "/Handlers/LoginHandler.ashx?IsL=0",                 data: { "username": encodeURIComponent($.trim($("#loginname").val())), "password": encodeURIComponent($("#nloginpwd").val()) },                 dataType: "json",                 success: function(data) {                     alert(data);}});

Handler文件中，Post方式传值，用Request["username"]，Request.Param["username"]，Request.Form["username“]取值都一样。Get方式传值，用Request.QueryString["username"]来取值。这是Post与Get取值的差异。

             <input type="submit" id='btnSubmit'   /> 放在Form中，再把Ajax的方法放到它的Click事件中，在Handler中总是取不到值，原来是要把type='submit'改为type='button'，哎，害死姐了。。。。

             再啰嗦一句，发现IE6中页面引用css文件，在JS中设置样式竟然不起作用，其他IE浏览器都正常，原来是css文件的编码与页面文件的编码不一致，把css文件另存为相同的编码格式的文件吧。因为其他IE浏览器会自动转码的，所以没问题。IE6却不会。