jquery第六章.pptVIP

第六章.jQuery与Ajax的应用 1.load() 2.$.get() 3.$.post() 4.$.getScript() 5.$.getJSON() 6.$.ajax() 1.load() load(url, data, callback):载入远程HTML代码并插入到DOM中，通常用来获取静态的数据文件 url:请求HTML页面的URL地址（String） data:发送至服务器的key/value数据（Object） （可选参数） callback:请求完成时的回调函数， 无论请求成功或失败（function）（可选参数） script src=jquery.js type=text/javascript/script script language=javascript type=text/javascript $(function(){ $(#send).click(function(){ $(#resText).load(test.html); }) }) /script /head body input type=button id=send value=Ajax获取 / div class=comment 已有评论：/div div id=resText /div /body /html body div class=comment h6张三:/h6 p class=para沙发./p /div div class=comment h6李四:/h6 p class=para板凳./p /div div class=comment h6王五:/h6 p class=para地板./p /div /body script src=jquery.js type=text/javascript/script script language=javascript type=text/javascript $(function(){ $(#send).click(function(){ $(#resText).load(test.html .para); }) }) script src=jquery.js type=text/javascript/script script language=javascript type=text/javascript $(function(){ $(#send).click(function(){ $(#resText).load(test.html .para, function (responseText, textStatus, XMLHttpRequest){ alert( $(this).html() ); //在这里this指向的是当前的DOM对象 alert(responseText); //请求返回的内容 alert(textStatus); //请求状态：success，error alert(XMLHttpRequest); //XMLHttpRequest对象 }); }) }) /script 2.$.get() get(url, [data], [callback], [type])：可以传递一些参数给服务器中的页面 url:待载入页面的URL地址 data:待发送 Key/value 参数。（可选参数） callback:载入成功时回调函数。（可选参数） type:返回内容格式，xml, html, script, json等。 （可选参数） body form id=form1 p评论:/p p姓名: input type=text name=username id=username //p p内容: textarea name=content id=content /textarea/p pinput type=button id=send value=提交//p /form div class=comment已有评论：/div div id=resText /div /body $(function(){ $(#send).click(function(){ $.get(get1.jsp, { username : $(#username).val(), content : $(#content).val()}, func