ajax

5人阅读 评论(0) 收藏 举报
分类:

        即 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 响应完成时调用(包括成功和失败)







查看评论

ajax嵌套ajax

今天做了个东西,在提交数据走后台返回到前台的ajax中后,在success函数中需要继续走后台逻辑,这时候就要在ajax中嵌套一个ajax,其实逻辑上没什么不同,只需要注意一点就行,在ajax中有一个...
  • cat_pp
  • cat_pp
  • 2016-12-26 17:13:00
  • 8096

ajax详细教程。。。

  • 2011年03月16日 14:58
  • 665KB
  • 下载

Ajax 完整教程-(一)

Ajax 完整教程-(一)Ajax 完整教程-一 Ajax 简介 Ajax 应用程序所用到的基本技术 Ajax 的定义 DOM的功能 获取 Request 对象 Ajax 的请求响应 结束语Ajax ...
  • qq_14947845
  • qq_14947845
  • 2017-01-22 18:39:19
  • 7913

AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX

  • 2010年04月20日 20:32
  • 3.63MB
  • 下载

Ajax基础技术实战

  • 2008年10月20日 09:17
  • 706KB
  • 下载

juery ajax语法

$.ajax({                     url: "/ForgetCard/ForgetLogin",//方法路径URL                     data: { ...
  • angle860123
  • angle860123
  • 2012-03-28 12:34:41
  • 4027

three ajax ajax ajax three ajax ajax ajax

  • 2010年03月02日 23:59
  • 573KB
  • 下载

最全的ajax详细介绍,ajax全

最全ajax全套 ajax简介 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网...
  • qq_16664643
  • qq_16664643
  • 2016-08-25 18:30:35
  • 2502

ajax,ajax,ajax,ajax

  • 2010年12月15日 23:15
  • 1.34MB
  • 下载
    个人资料
    持之以恒
    等级:
    访问量: 1万+
    积分: 655
    排名: 7万+
    最新评论