ajax

        即 Asynchronous Javascript And XML,AJAX不是一门的新的语言,而是对现有技术的综合利用。

本质是在HTTP协议的基础上以异步的方式与服务器进行通信。

现实生活中的一个例子

打电话是同步 发消息是异步

XMLHttpRequest可以以异步方式的处理程序。

XMLHttpRequest 

    js原生ajax:  ..............................

jQuery中的Ajax

    jQuery为我们提供了更强大的Ajax封装


         Jquery对象.load ( url, params , function ( 数据) { } );

         ★:$.get ( url , params , function( data ) { } , type ) ;

              发送get请求的ajax

                     url:请求的路径

                     params:请求的参数 参数为key\value的形式key=value {"":"","":""}

                     data:回调函数 参数就是服务器发送回来的数据

                     type:返回内容格式,xml,html, script, json, text, _default。   以后用"json"

 

       ★:$.post ( url , params , function ( 数据 ) { } , type );

              发送post请求的ajax

             

              若结果为json格式,  打印返回值的时候是一个对象

                     例如若json为{"result":"success","msg":"成功"}

                     获取msg只需要 参数.msg

       理解:

              $.ajax([选项]);

                     选项的可选值:

                            url:请求路径

                            type:请求方法

                            data:发送到服务器的数据

                            success:fn成功以后的回调

                            error:fn异常之后的回调

                            dataType:返回内容格式 经常使用json

                            async:设置是否是异步请求

                     例如:

                            $.ajax({

                                   url:"/day15/demo1",

                                   type:"post",

                                   data:"username=tom",

                                   success:function(d){

                                          alert(d.msg);

                                   },

                                   error:function(){},

                                   dataType:"json"

                                  

                            });

* 客户端获得json格式字符串后,转换为javascript对象  -------eval("("+jsonstr+")");

XML结果数据生成


      $.ajax({}) 可配置方式发起Ajax请求

    $.get() 以GET方式发起Ajax请求

    $.post() 以POST方式发起Ajax请求

    $('form').serialize()序列化表单(即格式化key=val&key=val)

    url 接口地址

    type 请求方式

    timeout 请求超时

    dataType 服务器返回格式

    data 发送请求数据

    beforeSend:function () {} 请求发起前调用

    success 成功响应后调用

    error 错误响应时调用

    complete 响应完成时调用(包括成功和失败)







  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

刘彦青-Yannis

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

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

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

打赏作者

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

抵扣说明:

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

余额充值