Jquery的AJAX使用过程中的体会

<mce:script type="text/javascript"><!-- function login(){ var postURL = "http://localhost:8080/cas/simpleLogin"; var params = { "loginUrl":$("#loginUrl").val(), "service":$("#service").val(), "login":$("#login").val(), "username":$("#username").val(), "password":$("#password").val(), "submit":$("#submit").val() }; $.ajax({ type: "POST", url: postURL, dataType: "html", data: params, timeout: 20000, error: function() { alert("Error"); }, success: function(text) { if(text=="error"){ alert("loginFailed!!!"); }else if(text=="success"){ alert("loginSuccess!!!"); }else{ } } }); } // --></mce:script>

 

上述这段代码是Jquery 在页面使用Ajax的事例，POSTURL是ajax请求的地址，而success 和error 对应的function为回调函数（success error 代表返回数据的类型当返回数据的类型不是定义的就执行error那个回调函数否则执行success那个函数），一般来说我们通常是在POSTURL中写入某个action从而发出请求，后台的action会返回一些对象如json，这使得我对Ajax的理解局限于认识ajax只能请求一个action然后通过该action返回给我值，即普通模式的请求。

 

通过开发系统的时候由于要整合CAS所以我的action不是同一个appliction的url 而是另一个CASServer Application 的url 通过实验了解到postURL可以写成http://localhost:8080/cas/simpleLogin 而通过把请求发到这个flow 得到返回值。其中返回值是一个页面。由于CASServer是基于spring MVC 写的，不能定义她的返回类型，因此只能返回html类型（即所谓的文本类型可以说是字符串）。

 

总结：1）ajax 只关注于浏览器就是说你通过一个POSTURL传到某个后台处理，在后台无论经过多少次处理，最终当第一次返回浏览器的时候丢给浏览器的东西就是function中参数可以收到的值。

          2）ajax 的datatype 只关心后台返回的数据格式是否和设置的datatype 一致，如果一致就执行success 否则执行error。