您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery教程 > 正文

jQuery 教程十 AJAX 函数

2012-12-25 01:12:40 作者:天外飞仙 人气:3420 Views

日子真的飞快,又到一年的圣诞节了,马上要元旦,然后过年了。项目不断,bug连连,需求不明,苦比死了咱们搞WEB前端开发们。哎,来一个领导,换个版本,换个思路,回顾2012工作整一个纠结了得。
什么是 AJAX
AJAX = Asynchronous JavaScript and XML.
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 Level AJAX
$.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 请求的所有键/值对选项
链接:http://www.jqueryba.com/1045.html(转载时请注明本文出处及文章链接)
分类:jQuery教程

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!