<html>
<head>
<title>Ajax with jQuery Example</title>
<script type="text/JavaScript" src="jquery.js"></script>
<script type="text/JavaScript">
$(document).ready(function(){
$("#generate").click(function(){
$("#quote p").load("script.php");
});
});
</script>
<style type="text/css">
#wrapper {
width: 240px;
height: 80px;
margin: auto;
padding: 10px;
margin-top: 10px;
border: 1px solid black;
text-align: center;
}
</style>
</head>
<body>
<div>
<div><p> </p></div>
<input type="submit" value="Generate!">
</div>
</body>
</html>
代码可以在这里下载,注意你的jquery需要保存在php文件的同目录,并且名为 jquery.js .现在你已经熟悉jQuery了,让我们做些更复杂的:表单元素和XML处理,这才是真正的ajax!
相关阅读:
Discuz!设置技巧:添加创始人
JavaScript 字符串乘法
CSS3 Gradient 创建水晶按钮实例
h5cn伪原创插件使用说明和插件下载
纯HTML标签你熟悉多少?
ASP.NET页面间的传值的几种方法
CSS代码编写两则小技巧
5种给CSS样式表瘦身减肥的方法
jquery picswitch图片焦点图展示效果
asp 字符串截取函数
有趣的Unicode CSS类命名方式
javascript json2 使用方法
javascript教程:call方法
JS控制表格隔行变色