JQuery中AJAX的常用方式

来源:互联网 发布:linux开机no such file 编辑:程序博客网 时间:2024/05/16 08:04

看代码呀看代码,看到这里:

$(document).ready(function(){    $.ajax( {          type : "post",        dataType : "json",        url : "<%=path%>/school/school_queryAllSchoolAndGroup.action",        async : false,        success : function(json) {            arryAll.push({ name: "全部", to:  ""});            for(var i=0;i<json.length;i++){                arryAll.push({ name: json[i].groupName, to: json[i].id});            }         }    });});

傻眼了!这是啥!这是啥!这是啥!
然后我就又拜托了度娘,然后借助:http://www.w3school.com.cn/jquery/jquery_ajax_intro.asp开始了征程!

一.AJAX是什么?

AJAX(Asynchronous Javascript And XML)异步的 JavaScript 和 XML,是指一种创建交互式网页应用的网页开发技术。在与服务器交换数据并更新部分网页的艺术,不重新加载整个页面。

二.关于jQuery与AJAX

JQuery对Ajax异步操作进行了封装

三.JQuery中AJAX的常用方式 $.ajax,$.post, $.get, $.getJSON

1.$.ajax

$.ajax的一般格式

$.ajax({    type: "POST",    url: "url" ,    data: "data" ,    success: "success" ,    dataType: dataType});

通过使用这个函数可以完成异步通讯的所有功能,但是它的参数比较多。常用的参数如下:

 var configObj = {       type  //数据的提交方式:get和post       url   //数据的提交路径       async   //是否支持异步刷新,默认是true       data    //需要提交的数据       dataType   //服务器返回数据的类型,例如xml,String,Json等       success    //请求成功后的回调函数       error   //请求失败后的回调函数    }$.ajax(configObj);//通过$.ajax函数进行调用。

例子:

/*删除*/<span style="font-size:18px;">                        $.ajax({                      type : "POST",  //提交方式                      url : ""<%=path%>/school/school_doDelete.action"",//路径                      data : {                          "school.id" : "${school.id}"                      },//数据,这里使用的是Json格式进行传输                      success : function(result) {//返回数据根据结果进行相应的处理                          if ( result.success ) {                              $("#tipMsg").text("删除数据成功");                              tree.deleteItem("${school.id}", true);                          } else {                              $("#tipMsg").text("删除数据失败");                          }                      }                  });  </span>  

2.$.post

这个函数其实就是对$.ajax进行了更进一步的封装,减少了参数,简化了操作,但是运用的范围更小了。$.post简化了数据提交方式,只能采用POST方式提交。只能是异步访问服务器,不能同步访问,不能进行错误处理。在满足这些情况下,我们可以使用这个函数来方便我们的编程,它的主要几个参数,像type,async等进行了默认设置,我们不可以改变的。

url:发送请求地址。data:待发送 Key/value 参数。callback:发送成功时回调函数。

3.$.get

$.post一样,这个函数是对get方法的提交数据进行封装,只能使用在get提交数据解决异步刷新的方式上,使用方式和上边的也差不多。这里不再演示。

4.$.getJSON

这个是进一步的封装,也就是对返回数据类型为Json进行操作。里边就三个参数,需要我们设置,非常简单:url,data,callback。

就是我们只要掌握了$.ajax,其他就不在话下了!

0 0
原创粉丝点击