jquery的ajax用法,jquery的ajax有几种方法

  jquery的ajax用法,jquery的ajax有几种方法

  框架实现埃阿斯应用使用负载()方法异步请求数据使用负载()方法通过埃阿斯请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为:

  加载(网址,[数据],[回调])参数全球资源定位器(统一资源定位器)为加载服务器地址,可选项数据参数为请求时发送的数据,回拨参数为数据请求成功后,执行的回调函数。

  实例代码:

  html xmlns= http://。w3。 org/1999/XHTML

  头

  标题使用负载()方法异步请求数据/标题

  脚本src= http://libs。百度一下。com/jquery/1。9 .0/jquery。js type= text/JavaScript /script

  link href= style。CSS rel=样式表 type= text/CSS

  /头

  身体

  div id=divtest

  差异

  跨度我最爱吃的水果/span

  跨度

  输入id= BTN秀 type= button value=加载

  /span

  /div

  ul /ul

  /div

  脚本类型=文本/javascript 函数()

  $(#btnShow ).绑定(点击,函数()

  var $ this=$(this);//把按钮转换为框架对象

  $(ul )。html( img src= Images/loading。gif alt= /)//在调用负载()方法之前,给保险商实验所标签设置一张图片。加载( http://www。imooc。com/data/水果_ part。 html ,函数(){

  $this.attr(disabled , true );

  });//请求http://www.imooc.com/data/fruit_part.html的数据,并把返回的数据放到保险商实验所标签里面/脚本

  /body

  /html $(function(){…});的作用

  这是框架的内置函数,这是框架的语法,$表示框架对象,可以有好几种用法。比如传递选择器字符串、页面对象等,如果直接传函数体进去,表示网页加载完毕后要执行的意思。和爪哇岛描述语言原来的这个是一样的:

  window.onload=function(){ //执行函数}

  相当于$(文档)。就绪(函数(){ })

  或者:

  body onload=XXX

  也是一个意思。使用getJSON()方法异步加载数据数据使用getJSON()方法可以通过埃阿斯异步请求的方式,获取服务器中的数据,并对获取的数据进行解析,显示在页面中,它的调用格式为:

  jQuery.getJSON(url,[数据],[回调])或$.getJSON(url,[数据],[回调])其中,网址参数为请求加载数据格式文件的服务器地址,可选项数据参数为请求时发送的数据,回拨参数为数据请求成功后,执行的回调函数。

  示例代码:

  !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-过渡。 DTD

  html xmlns= http://。w3。 org/1999/XHTML

  头

  标题使用getJSON()方法异步加载数据格式数据/标题

  脚本src= http://libs。百度一下。com/jquery/1。9 .0/jquery。js type= text/JavaScript /script

  link href= style。CSS rel=样式表 type= text/CSS

  /头

  身体

  div id=divtest

  差异

  跨度我最喜欢的一项运动/span

  跨度

  输入id= BTN秀 type= button value=加载

  /span

  /div

  ul /ul

  /div

  脚本类型=文本/javascript 函数()

  $(#btnShow ).绑定(点击,函数()

  var $ this=$(this);

  $.获取JSON( http://www。imooc。com/data/sport。 JSON ,函数(数据){

  $this.attr(disabled , true );

  $.每个(数据,功能(索引,运动)

  if(index==3)

  $(ul ).append( li sport[name] /li

  });

  });

  })

  });

  /脚本

  /body

  /html使用获取()方法以得到方式从服务器获取数据使用获取()方法时,采用得到方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下:

  $.获取(网址,[回调])参数全球资源定位器(统一资源定位器)为服务器请求地址,可选项回收参数为请求成功后执行的回调函数。

  !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-过渡。 DTD

  html xmlns= http://。w3。 org/1999/XHTML

  头

  标题使用获取()方法以得到方式从服务器获取数据/标题

  脚本src= http://libs。百度一下。com/jquery/1。9 .0/jquery。js type= text/JavaScript /script

  link href= style。CSS rel=样式表 type= text/CSS

  /头

  身体

  div id=divtest

  差异

  跨度我的个人资料/span

  跨度

  输入id= BTN秀 type= button value=加载

  /span

  /div

  ul /ul

  /div

  脚本类型=text/javascript 函数()

  $(#btnShow )。bind(click ,函数()

  var $ this=$(this);

  $.get( http://www . imooc . com/data/info _ f . PHP ,function(data)

  $this.attr(disabled , true );

  $(ul )。append( li我的名字是: data.name /li

  $(ul )。追加(李我男朋友对我说: data . say /李

  }、 JSON );

  })

  });

  /脚本

  /body

  /html使用post()方法在post模式下从服务器发送数据,与get()方法相比,POST()方法主要用于在POST模式下向服务器发送数据。服务器收到数据后,对其进行处理,并将处理结果返回给页面。调用格式如下:

  的美元。post(url,[数据],[回调])参数url是服务器请求地址,可选数据是向服务器发出请求时发送的数据,可选回调参数是请求成功后执行的回调函数。

  使用ajax()方法加载服务器数据。ajax()方法是请求服务器数据的最底层也是最强大的方法。它不仅可以获取服务器返回的数据,还可以向服务器发送请求并传递值。其调用格式如下:

  JQuery.ajax([settings])或$。ajax([settings]),其中参数settings是发送ajax请求时的配置对象。在这个对象中,url代表服务器请求的路径,data是请求过程中传递的数据,dataType是服务器返回的数据类型,success是成功执行请求的回调函数,Type是发送数据请求的方式。默认值是get。

  使用ajaxSetup()方法设置全局Ajax默认项。使用ajaxSetup()方法设置Ajax请求的一些全局选项值。设置之后,下面的Ajax请求将不需要添加这些选项值。它的调用格式是:

  jquery . Ajax setup([选项])或$。ajaxSetup([options])可选选项参数是一个对象,通过它可以设置Ajax请求的全局选项值。

  如果需要提交给多个处理器,单靠ajax是不容易实现的。ajaxSetup用于设置公共部分的设置。

  使用ajaxStart()和ajaxStop()方法ajaxStart()和ajaxStop()方法绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。他们的呼叫格式是:

  (选择器)。ajaxStart(函数())和(选择器)。ajaxStop(function()),其中两个方法中的括号为绑定函数,ajaxStart()方法绑定的函数在发送Ajax请求前执行,ajaxStop()方法绑定的函数在请求成功后执行。

  比如在调用ajax()方法请求服务器数据之前,用动画来表示正在加载,当请求成功时,动画自动隐藏,如下图所示。

  问:“ajaxStart()方法应该绑定触发ajax请求的元素吗?”

  查询官方文档描述:每当一个AJAX请求即将发送时,jQuery会检查当前是否有其他活动的(未完成的)AJAX请求。如果在这个过程中没有发现其他活动的AJAX请求,jQuery将触发ajaxStart事件。此时,所有由ajaxStart()函数绑定的事件处理程序都将被执行。Ajax()是一个全局函数。

  版权归作者:来自博主的原创作品,秃顶才能更强。转载授权请联系作者,否则将追究法律责任。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: