本来我是这样想的,比如一些页面公共的取值,就放到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()) },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却不会。
原文链接:https://www.f2er.com/ajax/163850.html