jQuery与ajax

  jQuery将ajax的步骤进行了总结,总合成了几个实用的函数方法
    第一种load
    function startRequest(){
        $("#target").load("14-1.aspx");
    }
    load用法:load(url,[data],[callback]);
    url是异步请求的地址,data用来向服务器传送请求数据,启用data,整个请求
    将以post方式进行,否则是get方式。callback为ajax加载成功后运行的回调函数
    如果要get方式传递的时候传递参数,可以在URL地址后面用类似?dataName=dataValue&data2=data2Value的方式
    使用load方法返回的数据不需要再考虑是文本还是XML,jQuery会自动处理。
    如果要筛选获取的数据也只要修改load里就行
    function startRequest(){
    $("#target").load("14-1.aspx span");
    }//加个空格再加上要获取的部分,比如这里是获取了XML数据里的span部分
    第二种$.get()和$.post()
    提供这两种是因为尽管load方法可以实现get和post
    两种方式,但很多时候开发者希望能够指定发送方式并处理服务器返回的值
    $.get(url,[data],[callback]);
    $.post(url,[data],[callback],[type])
    callback接受两个参数,第一个参数是服务器返回的数据,第二个为服务器的状态
    post里的type为请求的数据类型,可以使HTML、XML、json等
    第四种:$.ajax(option)
    尽管load、get、post非常实用方便,但是不能控制错误和很多交互的细节,可以说
    这三种方法对ajax的可控性较差。针对这点,jQuery又提供了$.ajax(option)来设置
    ajax访问服务器的各个细节
$.ajax({
    type:"GET",
    url:"xxx.aspx",
    data:queryString,
    success:function(data){
        //如果请求成功则调用该函数,该函数接受两个参数一个是服务器返回数据,一个是服务器状态
    }
});
$.ajax({
    type:"POST",
    url:"xxx.aspx",
    data:queryString,
    success:function(data){
        //如果请求成功则调用该函数,该函数接受两个参数一个是服务器返回数据,一个是服务器状态
    }
});
$.ajax({
    type:"GET",
    url:"xxx.js",
    data:"script"
});//以上代码用GET方式获取一段JavaScript代码并执行
$.ajax({
    url:"xxx.aspx",
    catch:false,
    success:function(){
        //do
    }
});//以上代码强制不缓存服务器的返回结果
//
    当页面中有多个部分需要利用ajax进行一步通信时,代码会有重复的部分很麻烦
    jQuery提供$.ajaxSetup(opitions)统一设定重复的部分,然后不同的部分再分别设定。
    $.getJSON()可以方便的访问来自服务器的json数据,在JavaScript中提供eval()方法可以将字符串转换为
    可访问的json对象,转化之后可以通过点语法访问各个数据,比XML方便许多

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

辣姐什么鬼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值