jquery 读取页面——load get post ajax 四种方式

清疚 2021-11-22 09:38 263阅读 0赞

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] load

$( " \#result " ).load( " aaaa.asp \#ccc " );

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] get

$.get( " aaaa.asp " , \{ action: " get " ,name: " lulu "  \},  
 function (data, textStatus)\{  
$( " \#result " ).html(data);  
 // alert(this);   
  // alert(data);   
  // alert(textStatus);   
  \});

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] post

$.post( " aaaa.asp " , \{ action: " post " ,name: " lulu "  \},  
 function (data, textStatus)\{  
$( " \#result " ).html(data);  
\});

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] ajax

$.ajax(\{  
type:  " get " ,  
url:  " http://www.cnblogs.com/rss " ,  
beforeSend:  function (XMLHttpRequest)\{  
 // $('<div class="quick-alert">数据加载中，请稍后</div>')   
  // .insertAfter($("\#btn\_ajax"))   
  // .fadeIn('slow')   
  // .animate(\{opacity: 1.0\}, 3000)   
  // .fadeOut('slow', function() \{    
  // $(this).remove();   
  // \});   
  \},  
success:  function (data, textStatus)\{  
$( " \#result " ).html( "" );  
$( " item " ,data).each( function (i, domEle)\{  
$( " \#result " ).append( " <li> " \+ $(domEle).children( " title " ).text() \+ " </li> " );  
\});  
\},  
complete:  function (XMLHttpRequest, textStatus)\{  
 // alert("加载完成！");   
  \},  
error:  function ()\{  
 // 请求出错处理   
  \}  
\});

演示:

转载于:https://www.cnblogs.com/linji/archive/2011/04/01/2002159.html

[ContractedBlock.gif]: https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211122/75fe93b08f6a43a595dc478181fd7bea.png

发表评论取消回复

表情：

评论列表（有 0 条评论，263人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery - AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 -------------------- HTTP 请求

我不是女神ヾ/ 2024年03月17日 11:05/ 0 赞/ 77 阅读

相关 jQuery - AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 -------------------- HTTP 请求

我会带着你远行/ 2024年03月16日 11:45/ 0 赞/ 58 阅读

相关 jQuery -- $('').load()、$.get()、$.post()、$.ajax

w3school网址：http://www.w3school.com.cn/jquery/jquery\_ref\_ajax.asp A、局部方法load():因为需要绑定在

清疚/ 2024年02月18日 17:54/ 0 赞/ 66 阅读

相关 jQuery 笔记 —— AJAX：ajax()、get()、post()

一、$.get() 方法 jQuery.get(url,\[data\],\[callback\],\[type\]) url:请求的页面地址 data:待发送的Key/

╰半夏微凉°/ 2022年06月12日 02:36/ 0 赞/ 201 阅读

相关 Ajax原生GET和POST请求及Jquery Ajax的GET和POST请求

![20190121224107405.png][] Ajax原生GET请求接口： / 原生Ajax GET请求 / function

迈不过友情╰/ 2022年04月23日 00:06/ 0 赞/ 560 阅读

相关关于Ajax、POST、GET强制刷新页面。

1.通过button绑定onclick事件。 <button onclick="checkedAdd()" class="btn btn-sm btn-succe

痛定思痛。/ 2022年01月07日 05:39/ 0 赞/ 364 阅读

相关 jquery 读取页面——load get post ajax 四种方式

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] load $( " \result " ).load( " aaa

清疚/ 2021年11月22日 09:38/ 0 赞/ 264 阅读

相关 jQuery - AJAX get() 和 post() 方法

GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据 GET > 必需的 URL 参数规定您希望请求的 URL。 > > 可选的 ca

我就是我/ 2021年10月19日 01:26/ 0 赞/ 413 阅读

相关 jQuery|AJAX get() 和 post()

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 -------------------- HTTP 请求

迈不过友情╰/ 2021年09月19日 06:24/ 0 赞/ 433 阅读

相关 jQuery - AJAX get() 和 post() 方法

一.两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。 GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据

怼烎@/ 2021年07月24日 16:58/ 0 赞/ 522 阅读