·Previous Page
·Next Page
jQuery 拥有供 AJAX 开发的丰富函数(方法)库。
jQuery AJAX 实例
请点击下面的按钮,就可以通过 AJAX
来改变这段文本
点击按钮,改变内容
亲自试一试
上面的例子摘自我们的
AJAX 教程,但使用 jQuery 进行了修改。
什么是 AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX 是一种创建快速动态网页的技术。
AJAX 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下,对网页的一部分进行更新。
您可以在我们的
AJAX 教程 中学习更多有关 AJAX 的知识。
AJAX 和 jQuery
jQuery 提供了用于 AJAX 开发的丰富函数(方法)库。
通过 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以从远程服务器请求 TXT、HTML、XML 或 JSON。
而且您可以直接把远程数据载入网页的被选 HTML 元素中!
写的更少,做的更多
jQuery 的 load 函数是一种简单的(但很强大的)AJAX 函数。它的语法如下:
$(selector).load(url,data,callback)
请使用 selector 来定义要改变的 HTML 元素,使用
url 参数来指定数据的 web 地址。
亲自试一试
只有当您希望向服务器发送数据时,才需要使用 data 参数。只有当您需要在执行完毕之后触发一个函数时,您才需要使用
callback 参数。
Low LevelAJAX
$.ajax(options) 是低层级 AJAX 函数的语法。
$.ajax 提供了比高层级函数更多的功能,但是同时也更难使用。
option 参数设置的是 name|value 对,定义 url 数据、密码、数据类型、过滤器、字符集、超时以及错误函数。
亲自试一试
jQuery AJAX 请求
请求
|
描述
|
$(selector).load(url,data,callback)
|
把远程数据加载到被选的元素中
|
$.ajax(options)
|
把远程数据加载到 XMLHttpRequest 对象中
|
$.get(url,data,callback,type)
|
使用 HTTP GET 来加载远程数据
|
$.post(url,data,callback,type)
|
使用 HTTP POST 来加载远程数据
|
$.getJSON(url,data,callback)
|
使用 HTTP GET 来加载远程 JSON 数据
|
$.getScript(url,callback)
|
加载并执行远程的 JavaScript 文件
|
(url) 被加载的数据的 URL(地址)
(data) 发送到服务器的数据的键/值对象
(callback) 当数据被加载时,所执行的函数
(type) 被返回的数据的类型(html,xml,json,jasonp,script,text)
(options) 完整 AJAX 请求的所有键/值对选项
参考手册
如需更多有关 jQuery AJAX 函数的信息,请访问我们的
jQuery AJAX参考手册。
来自:http://www.w3school.com.cn
分享到:
相关推荐
jquery ajax函数调用xml文件select表单全国城市
详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
JQuery各Ajax函数说明。jQuery提供了AJAX全局函数的定义,以满足特殊的需求。下面是jQuery提供的所有函数(按照触发顺序排列如下)
jquery AJAX 回调函数取JSON成功代码,不需要数据库,jquery路径引导正确可运行,数据调用是已定义json数据
内容包括:jQuery Ajax 操作函数,jQuery 选择器,jQuery 事件处理方法,jQuery 事件方法,jQuery 效果函数,jQuery 文档操作方法,jQuery 属性操作方法,jQuery CSS 操作函数,jQuery 遍历函数
对常用jquery的ajax函数进行封装,便于调用,会有不同错误的错误提醒
NULL 博文链接:https://canlynet.iteye.com/blog/826639
利用jquery里面的ajax函数,通过读取xml文件实现二级联动,简单易懂,适合非常新的新手
通过jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 $.ajax() 只有一个参数:...
详细讲解JQuery语法,JQuery选择器,JQuery事件,JQuery效果,JQuery Callback函数,JQuery HTML操作,JQuery CSS函数,JQuery Ajax函数的使用。
ajax中使用jQuery AJAX 函数代码,
Jquery等待ajax执行完毕再继续执行下面代码的效果,具体代码如下,其实就是将 jquery ajax 函数的 async 参数设置为 false 即可,该参数默认为 true: $(document).ready(function(){ loadphpernote(); window....
IWEDIT1的事件处理程序启动AJAX调用,将在IWEDIT1输入的文字传到后台,后台的TIWURLResponderEvent响应前台传来的数据,处理完毕后返回前台,通过前台在AJAX调用时注册的回调函数将处理结果显示在屏幕上。...
《从零开始学JQuery》Word版书籍 1-15章整理成word版 附带常用jquery ajax函数表 加一个用户名验证实例
NULL 博文链接:https://lihua-he.iteye.com/blog/679883
本函数封装了js的ajax,php为处理后台数据,仅支持post,代码很简洁
本文是小编给大家带来的jQuery Ajax Post 回调函数不执行的原因及解决方法,在本文最下面还给大家附加jquery Ajax 不执行回调函数success的原因,这两个问题都非常多见,感兴趣的朋友一起看下吧
使用jquery封装函数搭建前后端完全分离框架,对静态页面模块化,减少重复工作量。
韩顺平 jquery框架 jquery与ajax整合