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 对象,包含各配置及回调函数信息。

  • 相关阅读:
    C#深入浅出 修饰符(二)
    HDU 5785 Interesting
    HDU 5783 Divide the Sequence
    HDU 5781 ATM Mechine
    UVA 714 Copying Books
    uva 1471 Defense Lines
    UVA 11134 Fabled Rooks
    UVA 11572 Unique Snowflakes
    UVA 11093 Just Finish it up
    UVA 10954 Add All
  • 原文地址:https://www.cnblogs.com/wdwf/p/3484229.html
Copyright © 2011-2022 走看看