zoukankan      html  css  js  c++  java
  • jQuery Ajax应用二

    jQuery.ajax语法基础

    jQuery.ajax([options])
    概述:通过 HTTP 请求加载远程数据。

    jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。使用这个方法可以获得更多的灵活性。 
    数据类型 
    $.ajax()函数依赖服务器提供的信息来处理返回的数据。通过dataType选项还可以指定其他不同数据处理方式。其中,text和xml类型返回的数据不会经过处理。如果指定为html类型,任何内嵌的JavaScript都会在HTML作为一个字符串返回之前执行。如果指定为json类型,则会把获取到的数据作为一个JavaScript对象来解析,并且把构建好的对象作为结果返回。发送数据到服务器,默认情况下,Ajax请求使用GET方法。如果要使用POST方法,可以设定type参数值。这个选项也会影响data选项中的内容如何发送到服务器。 
    描述:保存数据到服务器,成功时显示信息。jQuery 代码:
    $.ajax({
       type: "POST",
       url: "some.php",
       data: "name=John&location=Boston",
       success: function(msg){
         alert( "Data Saved: " + msg );
       }
    });

    原始Ajax与jQuery Ajax比较

    使用原始的我们需要创建XmlHttpRequest对象判断请求状态编写回调函数等等,而经过封装的jQuery Ajax只需要一句代码,这使得我们的也没更简洁;

    jQuery的Ajax详解

    1. load( url, [data], [callback] )

    Returns: jQuery包装集说明

    load方法能够载入远程 HTML 文件代码并插入至 DOM 中。

    默认使用 GET 方式, 如果传递了data参数则使用Post方式.

    传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector", 默认的选择器是"body>*".

    2.jQuery.get( url, [data], [callback], [type] )

    Returns: XMLHttpRequest说明:

    通过远程 HTTP GET 请求载入信息。

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

    3. jQuery.getJSON( url, [data], [callback] )

    Returns: XMLHttpRequest

    相当于: jQuery.get(url, [data],[callback], "json")

    说明:通过 HTTP GET 请求载入 JSON 数据。

    在jQuery 1.2 中,您可以通过使用JSONP 形式的回调函数来加载其他网域的JSON数据,如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

    4.jQuery.getScript( url, [callback] )

    Returns: XMLHttpRequest

    相当于: jQuery.get(url, null, [callback], "script")

    说明:通过 HTTP GET 请求载入并执行一个 JavaScript 文件。

    jQuery 1.2 版本之前,getScript 只能调用同域 JS 文件。 1.2中,您可以跨域调用 JavaScript 文件。注意:Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本,请加入延时函数。

    5. jQuery.ajax( options )

    Returns: XMLHttpRequest

    说明:通过 HTTP 请求加载远程数据。

    jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。

    $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。

    $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。

  • 相关阅读:
    【UVA11324】 The Largest Clique (Tarjan+topsort/记忆化搜索)
    【洛谷2245】 星际导航 (最小瓶颈路)
    【UVA10816】Travel in Desert (最小瓶颈路+最短路)
    【洛谷 5002】专心OI
    炸金花【大模拟】
    【BZOJ1055】[HAOI2008]玩具取名(区间DP)
    【BZOJ1296】[SCOI2009]粉刷匠 (DP+背包)
    NOIP前的模板
    获取<考试>博文密码!o(*≧▽≦)ツ
    这是个萌新的萌新博客
  • 原文地址:https://www.cnblogs.com/wdwf/p/3484229.html
Copyright © 2011-2022 走看看