jQuery学习笔记之Ajax用法详解-创新互联

这篇文章主要介绍了jQuery学习笔记之Ajax用法,长沙网站建设结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求、载入、处理、传递等,需要的朋友可以参考下

创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都做网站、常宁网络推广、微信小程序、常宁网络营销、常宁企业策划、常宁品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;创新互联建站为所有大学生创业者提供常宁建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考,具体如下:

一、Ajax请求

1、jQuery.ajax(options)

通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。

    .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。

    注意:  如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。

    注意:如果dataType设置为"script",那么在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

    jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。

    返回值: XMLHttpRequest

    参数:

    options (可选) : AJAX 请求设置。所有选项都是可选的。

    选项

    (1)、 async (Boolean)  : (默认: true) 

      默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

    (2)、 beforeSend (Function)  : 发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。

      XMLHttpRequest 对象是唯一的参数。这是一个 Ajax 事件。如果返回false可以取消本次ajax请求。

     function (XMLHttpRequest) {
        this; // 调用本次AJAX请求时传递的options参数      }

分享文章:jQuery学习笔记之Ajax用法详解-创新互联
地址分享:http://pwwzsj.com/article/degogo.html