ajax点击<a> load,jQery ajax——load()方法示例介绍

本文详细介绍了jQuery中的四个核心AJAX方法:load()用于简单页面或元素加载,get()和post()分别用于GET和POST请求,而ajax()则是更全面的异步数据交互函数。通过实例展示了如何使用这些方法从服务器获取并更新页面内容,包括加载整个页面和特定元素。了解这些方法对于前端开发人员进行动态页面更新至关重要。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一.load()方法(最简单的)

load(url,[data],[callback])

url:加载的页面地址

data: 可选项,发送到服务器的数据,格式是key/value

callback:可选项,回调函数

1.最简单的应用

load方法应用

#divframe{ border:1px solid #999; width:500px; margin:0 auto;}

.loadTitle{ background:#CCC; height:30px;}

$(function(){

$("#btn").click(function(){

//加载整个页面

//$("#ajaxTip").load("inclue_a.html");

//加载页面中的某一元素

$("#ajaxTip").load("inclue_a.html #userinfo");

})

})

其中inclue_a.html的代码如下:

姓名:冰淇淋

性别:田

邮箱:999@123.com

显示结果:

d3a39c77daecf9ca9f7f46891ddae08b.png 

点击按钮显示如下:

56fe45073f9047cda4260f7b0e9b5764.png 

二.get()方法

三.post()方法

四.ajax()方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值