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参数为请求成功后执行的回调函数。

 

     

       

时间: 2024-12-05 10:07:03

JQuery的AJAX调用(一)——加载传递数据的相关文章

jquery通过AJAX中Load()加载文件

用load方法的完整格式是:load( url, [data], [callback] ), 其中: •url:是指要导入文件的地址. •data:可选参数:因为Load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如PHP文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里. •callback:可选参数:是指调用load方法并得到服务器响应后,再执行的另外一个函数. 直接上代码:  代码如下 复制代码 <!DOCTYPE HTML PUBLIC "-//W3C//D

jQuery+PHP+ajax实现微博加载更多内容列表功能_php技巧

在一些微博网站上我们经常可以看到这样的应用,微博内容列表上并没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击"查看更多"来加载更多记录.本文将结合jQuery和PHP给大家讲述如何实现这种功能. Ajax加载的基本原理:当页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个"查看更多"的链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作

jquery+ajax 使用.load()加载的页面一闪一闪的

问题描述 jquery+ajax 使用.load()加载的页面一闪一闪的 问题页面www.361goal.com 刚开始打开的页面使用load成功加载了ajax页面,但是点击标签"彩票"以后,使用load()加载同样的页面,就会出现一闪一闪的现象,如图所示 这是为什么呢? 我的"彩票"标签按钮绑定的时间函数是: function loadData(n) { //$("#matchList").empty(); $.ajaxSetup({ cach

jQuery结合ajax实现动态加载文本内容_jquery

ajax() 方法通过 HTTP 请求加载远程数据. 该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性. 最简单的情况下,$.ajax() 可以不带任何参数直接使用. 通过 AJAX 加载一段文本: jQuery 代码: $(document).ready(function(){ $("#b01&q

jquery mobile-jQuery mobile 的listview可以加载多少数据

问题描述 jQuery mobile 的listview可以加载多少数据 jQuery mobile 的listview可以加载10000条据吗? 解决方案 $(function(){ ? ??????????????????? var data=[ ? ??????????????????????????????? {productName:'电脑键盘',price:'200',deposit:'50',repertory:'898',sale:'100'}, ? ??????????????

jQuery Ajax页面局部加载方法汇总_jquery

在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考. 例 $.ajax({ url: "hotelQuery!queryHotelByCity.action", type: "post", dataType: "html", data: "queryHotel.city="+cityobj.value+"&

JQuery的AJAX调用(二)——AJAX方法

一,使用AJAX方法加载服务器数据    使用ajax()方法是最底层.功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下:      jQuery.ajax([settings])或$.ajax([settings])    其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,t

ajax-菜鸟新学Ajax,为什么加载不出PHP文档

问题描述 菜鸟新学Ajax,为什么加载不出PHP文档 4-1.html如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>使用Ajax技术载入文档</title> </he

巧用ajax请求服务器加载数据列表时提示loading的方法

我们利用weui.js中的weui.loading为效果,ajax的beforeSend与complete方法,做一个加载数据时会有几秒的 loading... 要在页面需要加载的JS文件: <script src="../js/libs/weui.min.js"></script> 可以去weui的文档中下载,这是它的demo:   https://weui.io/weui.js/ 这里主要讲jQuery ajax的get,查询数据时,它的结构为: $.aja