|
jQuery 拥有供 ajax服务器ajax 开发的丰富函数（方法）库。
jQuery 实例
is not a programming language.
It is just a technique for creating better and more interactive web applications.
Change Content TIY
<>
<head>
<script type="text/script" src="/jquery/jquery.js"></script>
<script type="text/script">
$(document).ready(function(){
$("#b01").click(function(){
$('#myDiv').load('/jquery/test1.txt');
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>Let change this text</h2></div>
<button id="b01" type="button">Change Content</button>
</body>
</>
上面的例子摘自我们的 教程，但使用 jQuery 进行了修改。
什么是 ？
= Asynchronous Script and XML.
是一种创建快速动态网页的技术。
通过在后台与交换少量数据的方式，允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下，对网页的一部分进行更新。
您可以在我们的 教程 中学习更多有关 的知识。
和 jQuery
jQuery 提供了供 开发的丰富函数（方法）库。
通过 jQuery ，使用 HTTP Get 和 HTTP Post，您都可以从远程请求 TXT、、XML 或 JSON。
而且您可以直接把远程数据载入网页的被选 元素中！
写的更少，做的更多
jQuery 的 load 函数是一种简单的（但很强大的） 函数。它的语法如下：
[pre]$(selector).load(url,data,callback)[/pre]请使用选择器来定义要改变的 元素，使用 url 参数来指定您的数据的 web 地址。
TIY
<>
<head>
<script type="text/script" src="/jquery/jquery.js"></script>
<script type="text/script">
$(document).ready(function(){
$("#b01").click(function(){
$('#myDiv').load('/jquery/test1.txt');
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>Let change this text</h2></div>
<button id="b01" type="button">Change Content</button>
</body>
</>
只有当您希望向发送数据，才需要使用 data 参数。只有当您需要在完毕之后触发一个函数时，您才需要使用 callback 参数。
Low Level
$.(options) 是低层级 函数的语法。
$. 提供了比高层级函数更多的功能，但是同时也更难使用。
option 参数设置的是 name|value 对，定义 url 数据、密码、数据类型、过滤器、字符集、超时以及错误函数。
TIY
<>
<head>
<script type="text/script" src="/jquery/jquery.js"></script>
<script type="text/script">
$(document).ready(function(){
$("#b01").click(function(){
obj=$.({url:"/jquery/test1.txt",async:false});
$("#myDiv").(obj.responseText);
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>Let change this text</h2></div>
<button id="b01" type="button">Change Content</button>
</body>
</>
jQuery 请求
| 请求 | 描述 | | $(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 文件 |
(selector) jQuery 元素选择器语法
(url) 被加载的数据的 URL（地址）
(data) 发送到的数据的键/值对象
(callback) 当数据被加载时，所执行的函数
(type) 被返回的数据的类型 (,xml,json,jasonp,script,text)
(options) 完整 请求的所有键/值对选项
参考手册
如需更多有关 jQuery 函数的信息，请访问我们的 jQuery 参考手册。 |
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2011-7-31 16:57:50
发表于 2011-7-31 17:04:04