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

清疚 2021-11-22 09:38 213阅读 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 条评论，213人围观）

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

相关阅读

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

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

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

相关 ajax get获取php文件名,jQuery中通过ajax的get()函数读取页面的方法

首先介绍get()函数： url,\[data\],\[callback\],\[type\] 参数说明： url:待载入页面的URL地址 data:待发送 Key/v

怼烎@/ 2023年01月17日 10:52/ 0 赞/ 91 阅读

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

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

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

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

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

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

相关 js、jquery中的get post ajax汇总

get和post的区别 1.安全性：get是通过http协议的header发送请求，所以会将参数拼接在地址栏中，所以安全性很差；post是通过http协议的body发送请

桃扇骨/ 2022年01月25日 23:03/ 0 赞/ 181 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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