JQuery(5)
来源:互联网 发布:mac市场增长率 编辑:程序博客网 时间:2024/05/16 06:12
JQuery AJAX
1.1ajax
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
1.2 load()
jQuery load() 方法是简单但强大的 AJAX 方法。
load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
$(selector).load(URL,data,callback);
实例
$("#div1").load("demo_test.txt");
实例
$("#div1").load("demo_test.txt #p1");
可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数:
- responseTxt - 包含调用成功时的结果内容
- statusTxt - 包含调用的状态
- xhr - 包含 XMLHttpRequest 对象
下面的例子会在 load() 方法完成后显示一个提示框。如果 load() 方法已成功,则显示"外部内容加载成功!",而如果失败,则显示错误消息:
实例
$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")alert("外部内容加载成功!");
if(statusTxt=="error")alert("Error:"+xhr.status+":"+xhr.statusText);});
});
1.3 get()和post()方法
两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。
- GET - 从指定的资源请求数据
- POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。
$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
$.get(URL,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据:
实例
$("button").click(function(){
$.get("demo_test.php",function(data,status){
alert("数据:" +data +"\n状态:" +status);
});
});
$.post(URL,data,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 $.post() 连同请求一起发送数据:
实例
$("button").click(function(){
$.post("/try/ajax/demo_test_post.php",
{
name:"菜鸟教程",
url:"http://www.runoob.com"
},
function(data,status){
alert("数据:\n" + data +"\n状态:" +status);
});
});
0 0
- 43、jQuery(5)
- JQuery(5)
- jQuery学习笔录5(jQuery中的事件)
- 5 Helpful jQuery Tricks(五个有用的jQuery技巧)
- Jquery学习总结(5)——jQuery选择器
- jQuery-(5)淡入淡出
- jquery---5
- JQuery learning(5):JQuery effect
- Jquery<5>Jquery动画效果
- jQuery-样式(初识jQuery)
- jQuery-样式(jQuery选择器)
- (jQuery Datatable)jQuery Datatable
- 15天学会jQuery (1-5)
- jQuery study note 5 (第一阶段终)
- jquery学习手记(5)对象
- jQuery遍历dom树(5)
- Jquery UI学习笔记(5)
- jQery(5)jquery中的ajax详解
- 深入理解Java类加载机制(1)
- 怎么样使用BugLy进行热修复
- 35 个 Java 代码性能优化总结
- 常用sql查询语句
- 深度解析Android中字体设置
- JQuery(5)
- linux如何修改文件或目录的权限(chmod)
- js 实现时间
- Android SystemProperties设置/取得系统属性的用法总结
- C++数据类型介绍
- 欢迎使用CSDN-markdown编辑器
- HBase命令行和Java实现
- android系统的日志系统分层与logcat使用
- 剑指offer经典编程(十六)