JQuery 之 AJAX 技术 篇

AJAX  简介：中问全称叫做“异步Javascript和XML”  。是在创建异步网页中一种常用的技术。AJAX有很多版本，这里我们讲的是基于JQuery的AJAX技术。

          适用范围：后台  和  前端的 中间产物。

          讲解步骤：1.AJAX传送普通文本。

                            2.AJAX传送XML。

                            3.AJAX传送Json。

           JQuery实现将表单传来的值变成字符串显示出来的两个方法{serialize(),serializeArray()}：serialize()方法：$(function(){ $("#button1").click( function(){ alert($("#form1").serialize()); } ;);   })  ;      serializeArry()方法：$(function(){ $("#button2").click(function(){var arr=$("#form1").serializeArray();  for(a  in arr){alert(arr[a].name+":"+arr[a].value); } } )}) 

           AJAX 的load方法(不常用)：load方法可以实现传键值对，给固定的页面。实现异步的操作。$(function(){$("#but1").click(function(){$("#ok").load("后端页面","键值[可以利用serialize方法]","回调函数");});})  。

          AJAX的$.get和$.post()方法： 和load方法差不多，但调用的方式不同。load是在$()后面调用，$.get("后端页面","返回键值","回调函数[function(s){$("#ok").html(s);}]")   ; $.post() ;和get方法一样。

          开发常用的AJAX技术：传递文本：$.ajax(参数)  :  这里我们列出常用的参数。 url[后端页面], data[传送的数据], dataType[“text”], type[”post“], success[function(data){}]。

                                         注：这里的回调函数中的参数data是后端返回的值返回的方式是利用response的相应流实现的：resp.setContenType("text/html") ;  resp.setCharaEnconding("utf-8"); PrintWriter pw=resp.getgetWriter();out.println(" 这就是传递的值 "); out.flash;out.close();  这里就可以在前端中的data参数中取得println()括号中传递的值了。

         开发常用的AJAX技术：传递xml和josn：