首页 > 代码库 > JQuery的AJAX调用(一)——加载传递数据

JQuery的AJAX调用(一)——加载传递数据



 一,load方法异步请求数据

       使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为:

       load(url,[data],[callback])

      参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。


       技术分享


    



二,使用getJSON()方法异步加载JSON格式数据 


   使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数组,并对获取的数据进行解析,显示在页面中,它的调用格式为:


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


    其中,url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。


   

技术分享





三,使用getScript()方法异步加载并执行js文件


   使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示:


   jQuery.getScript(url,[callback])或$.getScript(url,[callback])


  参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。



技术分享



四,使用get()方法以GET方式从服务器获取数据


   使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下:


   $.get(url,[callback])


  参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。



技术分享





五,使用post()方法以POST方式从服务器发送数据


   与get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下:


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


   参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。

 

      技术分享





       








JQuery的AJAX调用(一)——加载传递数据