JQ AJAX

最新推荐文章于 2024-07-29 20:46:57 发布

都是风景幸会

最新推荐文章于 2024-07-29 20:46:57 发布

阅读量323

点赞数

分类专栏：前端文章标签： ajax

本文链接：https://blog.csdn.net/qq_17365131/article/details/77852943

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

一、$.get(url,[data],[callback])

说明：url为请求地址，data为请求数据的列表(是可选的，也可以将要传的参数写在url里面)，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数。而其中，服务器返回数据的格式其实是字符串形势，并不是我们想要的json数据格式，在此引用只是为了对比说明。

$.get("data.php",$("#firstName.val()"),function(data){
　　$("#getResponse").html(data); }//返回的data是字符串类型
);

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

说明：这个函数跟 $. g e t () 参数差不多，多了一个 t y p e 参数， t y p e 为返回的数据类型，可以是 h t m l, x m l, j s o n 等类型，如果我们设置这个参数为： j s o n ，那么返回的格式则是 j s o n 格式的，如果没有设置，就和$ .get()返回的格式一样，都是字符串的。

$.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);
    }
});

也可以写成下面这样，返回的就是json类型数组了，就不要难过去引号了，可以直接遍历。

$.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");

三、$.ajax(opiton)

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

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


$.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);
    }
});