jquery中的$.ajax,$.get,$.post应用

用jQuery实现ajax请求

$.ajax()

返回值:XMLHttpRequest
说明:执行一个异步的HTTP(Ajax)的请求
实例:
发送id作为数据发送到服务器,保存一些数据到服务器上

var menuId = $("ul.nav").attr("id")
      var request = $.ajax({
          url:"script.php",                   //请求的地址
          method:"POST",                      //请求的方式
          data:{ id : menuId},                //前端请求的数据
          dataType:"json" ,                    //服务器返回的数据格式
          success: function(data){
                //请求成功后的回调函数,data是后台返回给你的请求的数据
          },
          error:function(){
              //请求失败时调用此函数。
           }
      })

$.get()

返回值:XMLHttpRequest
描述:使用一个HTTP GET请求从服务器加载数据
$.get(url, data , success , dataType)
参数说明:
url: (string)一个包含发送请求的url字符串
data:(object or string)一个普通对象或字符串,通过请求发送给服务器
success:(function)当请求成功后执行的回调函数。如果提供dataType这个选项,那么这个seccess选项是必须的,如果不需要这个函数,可以使用null或者jQuery.noop作为占位符
dataType:(string)从服务器返回的预期的数据类型。类型(xml,json,script,text,html)

$.get("test.php" , {name:"张三"} , function(data){
           //对后端返回的数据data进行处理
   },"json")

$.post

返回值:XMLHttpRequest
描述:使用一个HTTP POST请求从服务器加载数据
$.post(url , data , success , dataType)
url:(string) 一个包含发送请求的url字符串
data:(object or string) 一个普通对象或者字符串,通过请求发送给服务器
seccess:(function) 当请求成功后执行的回调函数。如果提供dataType选项,那么这个success选项是必须的,但是在你不需要写回调函数的情况下,可以使用null
dataType:(string) 从服务器返回的预期数据类型。类型(xml,json,script,text,html)

$.post("text.php" , {name:"lili"}, function(data){
      //对后端返回的数据data进行处理
},"json")
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值