﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-☆-文章分类-jQuery学习笔记</title><link>http://www.blogjava.net/lizhuxin/category/38749.html</link><description>☆</description><language>zh-cn</language><lastBuildDate>Fri, 03 Apr 2009 11:26:58 GMT</lastBuildDate><pubDate>Fri, 03 Apr 2009 11:26:58 GMT</pubDate><ttl>60</ttl><item><title>jQuery之ajax学习篇</title><link>http://www.blogjava.net/lizhuxin/articles/263586.html</link><dc:creator>☆</dc:creator><author>☆</author><pubDate>Thu, 02 Apr 2009 09:23:00 GMT</pubDate><guid>http://www.blogjava.net/lizhuxin/articles/263586.html</guid><wfw:comment>http://www.blogjava.net/lizhuxin/comments/263586.html</wfw:comment><comments>http://www.blogjava.net/lizhuxin/articles/263586.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/lizhuxin/comments/commentRss/263586.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/lizhuxin/services/trackbacks/263586.html</trackback:ping><description><![CDATA[使用jQuery的ajax可以非常方便地发送ajax请求，可以通过一下方法发送请求：<br />
<br />
<p>Ajax 最常见的用法就是把一块 HTML 代码加载到页面的某个区域中去。为此，只需简单地选择所需的元素，然后使用 load() 函数即可。<br />
(1)load方法：<br />
jsp：<br />
&lt;div id="div1"&gt;&lt;/div&gt;<br />
&lt;input type="button" name="but" value="test" onclick="mm();"&gt;</p>
<p>js:<br />
function mm()<br />
{<br />
&nbsp;&nbsp; $('#div1').load('test1.do?ajax=Y');<br />
}</p>
<p>当点击按钮后，将请求test1.do?ajax=Y返回的页面数据放到&lt;div id="div1"&gt;&lt;/div&gt;节点之间。</p>
<br />
<p>(2)ajax方法：</p>
<p>function mm()<br />
{<br />
$.ajax({<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: "app/biss/addline/AddLine.jsp",<br />
&nbsp;cache: false,<br />
&nbsp;success: function(html){<br />
&nbsp;$("#div1").append(html);<br />
&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br />
}</p>
<p>当点击按钮后，将app/biss/addline/AddLine.jsp页面数据放到&lt;div id="div1"&gt;&lt;/div&gt;节点之间。<br />
<br />
</p>
<p>(3)post和get：<br />
function mm()<br />
{<br />
&nbsp;$.get(<br />
&nbsp;&nbsp;&nbsp; "test1.do", //url<br />
&nbsp;&nbsp;&nbsp; { name: "John", time: "2pm",ajax:"Y" }, //参数<br />
&nbsp; &nbsp;&nbsp;&nbsp; function(data){$("#div1").html(data);}&nbsp; //成功后的回调处理函数<br />
&nbsp;);<br />
}</p>
<p>当点击按钮后，将test1.do的返回页面放到&lt;div id="div1"&gt;&lt;/div&gt;节点之间。</p>
<img src ="http://www.blogjava.net/lizhuxin/aggbug/263586.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/lizhuxin/" target="_blank">☆</a> 2009-04-02 17:23 <a href="http://www.blogjava.net/lizhuxin/articles/263586.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>