解析 Ajax 的多种函数

可以去参考下JQuery的API --Ajax请求

1、load

$("...").load<span style="font-family: Arial, Helvetica, sans-serif;">(url,[data],[callback]);</span>

说明：url为请求地址，data为请求数据的列表(是可选的，也可以将要传的参数写在url (url?name=value&...) 里面)，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数。load 默认请求方式是 GET ，当有参数传递的时候，自动变为 POST 方式。而其中，服务器返回数据的格式其实是字符串形势，并不是我们想要的json数据格式。

<script type="text/javascript">$(function() {$("#show1").load("${pageContext.request.contextPath}/paramServlet", {"name" : "Tom"}, function(data) {

                        // 回调函数中的data 指的是url指定界面的返回值或者是输出内容！

$("#show1").html(data);});})</script>

2、get

$.get(url,[data],[callback]);

其使用方式与load相似。

3、post

$.post(url,[data],[callback],[type])

用法和get相似，但是可以用 type 指定 callback 的返回数据类型。

在网上找了两个例子：

$.post("emp.do?p=getAllEmp",{id:deptId,x:Math.random()},function(data){            var arry = eval("("+data+")");//去引号，将json字符串去引号变成json类型数组，也可以在$.post函数后面加一个参数"json"，指定接收的数据为json类型的            for(var i=0;i<arry.length;i++){                var op = new Option(arry[i].empName,arry[i].empId);                document.getElementById("emp").options.add(op);            }        });

$.post("emp.do?p=getAllEmp",{id:deptId,x:Math.random()},function(arry){             for(var i=0;i<arry.length;i++){                 var op = new Option(arry[i].empName,arry[i].empId);                 document.getElementById("emp").options.add(op);             }         },"json");

4、getJSON

$.getJSON(url,[data],[callback])

说明:$.getJSON(url,[data],[callback])函数没有type参数，返回的是json类型的，不需要转换。

 $.getJSON("dep.do?p=getAllDep",{x:Math.random()},function(arry){             for(var i=0;i<arry.length;i++){                 var op = new Option(arry[i].deptName,arry[i].deptId);                 document.getElementById("dep").options.add(op);             }         });

5、getScript

getScript( url, [callback] )
url (String) 待载入 JS 文件地址
callback (Function) (可选) 成功载入后回调函数

getScript()函数可以远程载入JavaScript脚本并且执行。这个函数可以跨 域载入JS文件。这个函数的意义是巨大 的，它可以很大程度的缩减页面初次载入的代码量，因为你可以根据用户的交互来载入相应的JS文件，而不必在页面初始化的时候全部载入。

$.getScript('ajaxEvent.js', function() {   alert("Scripts Loaded!");   //载入ajaxEvent.js，并且在成功载入后显示对话框提示。  });

6、ajax

$.ajax(opiton)

$.ajax()这个函数功能强大，可以对ajax进行许多精确的控制，需要详细说明的请参照相关资料

$.ajax({　　url: "ajax/ajax_selectPicType.jsp",　　data:{Full:"fu"},　　type: "POST",　　dataType:'json',　　success:CallBack,　　error:function(er){　　BackErr(er);}});