`
foryougeljh
  • 浏览: 116371 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery ajax

 
阅读更多
jQuery.load(url,[data],[callback]) 载入远程 HTML文件代码并插入至 DOM 中
url(String):请求的HTML页的URL地址。
data(Map):发送至服务器的 key/value 数据。
callback(Callback): 请求完成时(不需要是success的)的回调函数。
默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式
可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url selector"
$("#feeds").load("feeds.html h3");

jQuery.get(url,[data],[callback],[type])通过远程 HTTP GET 请求载入信息

这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax
url (String) : 发送请求地址。
data (Map) : (可选) 待发送 Key/value 参数。
callback (Function) : (可选) 发送成功时回调函数。
type (String) : (可选) 返回内容格式,xml, html, script, json, text, _default。

jQuery.post(url,[data],[callback],[type])通过远程 HTTP POST 请求载入信息
参数:
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

jQuery.getScript( url, [callback] ) : 通过 GET 方式请求载入并执行一个 JavaScript 文件
url (String) : 待载入 JS 文件地址。
callback (Function) : (可选) 成功载入后回调函数。
这个方法可以用在例如当只有编辑器focus()的时候才去加载编辑器需要的JS文件
$.getScript("test.js");


jQuery.ajax(options)通过 HTTP 请求加载远程数据,jQuery 底层 AJAX 实现
$.ajax() 返回其创建的XMLHttpRequest对象
$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息
注意: 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误

返回值 XMLHttpRequest
参数 options (可选) : AJAX 请求设置。所有选项都是可选的
选项
url(String) : (默认: 当前页地址)发送请求的地址
type(String) : (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"
cache(Boolean):(默认: true) 设置为 false 将不会从浏览器缓存中加载请求信息
async(Boolean) : (默认: true) 所有请求均为异步请求
contentType(String) : (默认: "application/x-www-form-urlencoded") 发送信息至服务器时内容编码类型
data(Object,String) : 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后
success(Function) : 请求成功后的回调函数。这个方法有两个参数:服务器返回数据,返回状态
timeout(Number): 设置请求超时时间(毫秒)。此设置将覆盖全局设置
beforeSend(Function):发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头
complete(Function) : 请求完成后回调函数 (请求成功或失败时均调用)f​u​n​c​t​i​o​n(​X​M​L​H​t​t​p​R​e​q​u​e​s​t​,​​t​e​x​t​S​t​a​t​u​s​)​
dataType(String):预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含 script 元素。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。
"json": 返回 JSON 数据 。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。​

$​.​a​j​a​x​(​{​
t​y​p​e​:​ ​"g​e​t"​,​
u​r​l​:​ ​"h​t​t​p​:​/​/​w​w​w​.​c​n​b​l​o​g​s​.​c​o​m​/​r​s​s"​,​
b​e​f​o​r​e​S​e​n​d​:​ f​u​n​c​t​i​o​n(​X​M​L​H​t​t​p​R​e​q​u​e​s​t​)​{​
/​/​S​h​o​w​L​o​a​d​i​n​g​(​)​;
}​,​
s​u​c​c​e​s​s​:​ f​u​n​c​t​i​o​n(​d​a​t​a​,​ ​t​e​x​t​S​t​a​t​u​s​)​{​
​$​(​".​a​j​a​x​.​a​j​a​x​R​e​s​u​l​t"​)​.​h​t​m​l​(​"​"​)​;​
​$​(​"i​t​e​m"​,​d​a​t​a​)​.​e​a​c​h​(f​u​n​c​t​i​o​n(​i​,​ ​d​o​m​E​l​e​)​{​
​ ​$​(​".​a​j​a​x​.​a​j​a​x​R​e​s​u​l​t"​)​.​a​p​p​e​n​d​(​"<​l​i​>"​+​$​(​d​o​m​E​l​e​)​.​c​h​i​l​d​r​e​n​(​"t​i​t​l​e"​)​.​t​e​x​t​(​)​+​"<​/​l​i​>"​)​;​
​}​)​;​
}​,​
c​o​m​p​l​e​t​e​:​ f​u​n​c​t​i​o​n(​X​M​L​H​t​t​p​R​e​q​u​e​s​t​,​ ​t​e​x​t​S​t​a​t​u​s​)​{​
/​/​H​i​d​e​L​o​a​d​i​n​g​(​)​;
}​,​
e​r​r​o​r​:​ f​u​n​c​t​i​o​n(​)​{​
/​/​请​求​出​错​处​理
}​
​}​)​;

分享到:
评论

相关推荐

    Jquery Ajax分页(有实例)

    **jQuery AJAX分页技术详解** 在Web开发中,分页是一种常见的数据展示方式,它能够有效地组织大量数据,提高页面加载速度,优化用户体验。jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    【ASP + jQuery AJAX 实例源码详解】 ASP (Active Server Pages) 是微软开发的一种服务器端脚本语言,常用于构建动态网页。jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画以及AJAX交互。AJAX...

    html静态页JQuery ajax示例demo 源码

    在jQuery库中,AJAX功能被简化并封装成了易于使用的API。`$.ajax()`是jQuery提供的核心AJAX函数,它允许我们配置各种选项来定制请求,如URL、请求类型(GET或POST)、数据类型(JSON、XML、HTML等)以及请求成功或...

    jqueryAjax_无刷新调用另一页实例

    "jqueryAjax_无刷新调用另一页实例"这个标题意味着我们将探讨如何利用jQuery的AJAX功能实现页面的动态加载。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计以及AJAX交互。...

    Jquery Ajax 前后台数据传输

    **jQuery AJAX 前后台数据传输详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于实现在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库为开发者提供了简单易用的...

    使用jQuery ajax提交表单代码

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的...

    JqueryAjax简单实例

    在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....

    jQuery Ajax过滤器

    **jQuery Ajax过滤器详解** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于页面异步更新,提供更流畅的用户体验。jQuery库简化了Ajax操作,它内置了一系列强大的Ajax方法,其中包括Ajax...

    jquery ajax 与后台验证

    在网页开发中,jQuery AJAX 是一种非常重要的技术,它允许前端和后端进行异步通信,无需刷新整个页面。无刷验证(又称实时验证或AJAX验证)是这种技术的一个典型应用,它提高了用户体验,因为在用户输入数据时,可以...

    jquery ajax源代码

    ### jQuery AJAX 源代码分析 #### 一、概述 jQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载...

    jQuery Ajax前后端使用JSON进行交互示例

    本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。

    传智播客 jQuery ajax 课件

    《jQuery AJAX 技术详解——基于传智播客课件》 在当今的Web开发中,jQuery AJAX(异步JavaScript和XML)技术扮演着至关重要的角色。它允许开发者在不刷新整个页面的情况下与服务器进行数据交换,提高了用户体验,...

    spring3 mvc 用 jquery ajax 交互

    在IT行业中,Spring MVC和jQuery AJAX是两种广泛使用的技术,它们在构建现代Web应用程序时起着关键作用。本文将深入探讨如何在Spring MVC框架中利用jQuery的AJAX功能进行前后端交互,提升用户体验。 首先,Spring ...

    Jquery Ajax动态增删改查

    在Web开发中,jQuery AJAX是实现页面数据动态更新的关键技术,尤其在构建交互性强的Web应用时不可或缺。AJAX(Asynchronous JavaScript and XML)允许在不刷新整个页面的情况下与服务器交换数据并局部更新页面,提高...

    jquery ajax Datatable与json之间数据转换

    jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...

    vue基本环境+jquery ajax应用

    在标题“vue基本环境+jquery ajax应用”中,我们可以理解为这个压缩包可能包含了一个基本的Vue开发环境,并展示了如何结合jQuery的AJAX功能来处理数据请求。 Vue的基本环境通常包括Vue的核心库、Vue CLI(命令行...

    jquery ajax 异步传值并把值赋予在div标签内

    jquery ajax 异步传值并把值赋予在div标签内 很简单的jquery ajax异步传值 让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行...

    Jquery Ajax实现简易计算器

    在本文中,我们将深入探讨如何使用Jquery Ajax技术来实现一个简易计算器。Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。结合Jquery库,我们可以...

    java程序使用jquery AJAX

    Java程序与jQuery AJAX的结合是Web开发中常见的一种技术组合,用于实现页面的无刷新更新。在本篇文章中,我们将深入探讨如何在Java后端与前端利用jQuery的AJAX功能进行交互,提升用户体验。 首先,jQuery是一个强大...

    Jquery ajax方式读取txt文件、Jquery分页.

    在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能。接下来,我们将深入探讨这两个主题。 首先,我们来讨论如何使用jQuery的AJAX方法读取TXT文件。AJAX(异步...

Global site tag (gtag.js) - Google Analytics