zoukankan      html  css  js  c++  java
  • jQuery Ajax 实例 全解析 整理

    阅读全文:http://www.cckan.net/thread-427-1-1.html

    jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。

    废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).

    1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。

    url (String) : 请求的HTML页的URL地址。

    data (Map) : (可选参数) 发送至服务器的 key/value 数据。

    callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。

    这个方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。

    这个方法可以很方便的动态加载一些HTML文件,例如表单。

    示例代码:

    $(".ajax.load").load("http://www.cnblogs.com/yeer/archive/2009/06/10/1500682.html .post",
    
    function (responseText, textStatus, XMLHttpRequest){
    
    this;//在这里this指向的是当前的DOM对象,即$(".ajax.load")[0] 
    
    //alert(responseText);//请求返回的内容
    //alert(textStatus);//请求状态:success,error
    //alert(XMLHttpRequest);//XMLHttpRequest对象
    });

    注:不知道为什么URL写绝对路径在FF下会出错,知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径,所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的,发现传上来后没办法获取结果,所以把运行按钮去掉了。

    2. jQuery.get( url, [data], [callback] ):使用GET方式来进行异步请求

    参数:

    url (String) :  发送请求的URL地址.

    data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中。

    callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

    这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。示例代码:

    $.get("./Ajax.aspx", {Action:"get",Name:"lulu"}, function (data, textStatus){
    
    //返回的 data 可以是 xmlDoc, jsonObj, html, text, 等等.
    this; // 在这里this指向的是Ajax请求的选项配置信息,请参考下图
    alert(data);
    
    //alert(textStatus);//请求状态:success,error等等。
    
    当然这里捕捉不到error,因为error的时候根本不会运行该回调函数
    //alert(this);
    });

    点击发送请求:

    jQuery.get()回调函数里面的 this ,指向的是Ajax请求的选项配置信息:

    image

    3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求

    参数:

    url (String) : 发送请求的URL地址.

    data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。

    callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

    type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

    这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。示例代码:

    请查看全文:http://www.cckan.net/thread-427-1-1.html

    本人的博客不再维护从2013年就不再维护了 需要我帮助的朋友请到我的个人论坛 http://www.sufeinet.com 进行讨论,感谢大家对我的支持!
  • 相关阅读:
    Exchange 2013与 Office Web Apps 整合
    SharePoint2013 以其他用户登录和修改AD域用户密码 功能
    sharepoint 2010 自定义页面布局
    sharepoint 2010 记录管理 对象模型
    SharePoint2010 对象模型 关联列表
    在SharePoint Server 2010中更改“我的网站”
    xenapp 6.5 客户端插件第一次安装总是跳到官网
    如何解决在Windows Server 2008 R2 上安装证书服务重启后出现 CertificationAuthority 91错误事件
    在Win7 Hyper-v虚拟机中挂接真实机的声卡
    win8 中如何删除 共享文件夹 用户名和密码
  • 原文地址:https://www.cnblogs.com/sufei/p/2699887.html
Copyright © 2011-2022 走看看