ajax中加html,Ajax中的load()方法实现指定区域加载或刷新html与jsp

梳理知识方法的时候,笔者还是有数的,就不闲扯了。

一、Jquery中的Ajax

Jquery对Ajax操作进行了封装,在Jquery中:

最底层的是$.ajsx(),

第二层是load()、$.get()、$.post()

第三层是$.getJSON()

二、load()方法(能载入远程html、jsp代码,插入到DOM中)

load()方法是Jquery中最简单和常用的Ajax方法,能载入远程的html。

它的结构:

load(url,data,callback);

url:请求html、jsp页面的url-String

data(可选):发送到服务器的key/value数据-Objext

callback(可选):请求完成是的回调函数,无论请求成功或失败-function。

它的传递参数比较智能了:无发送服务器的参数,采用Get方式,否则是post的方式

三、贴出代码:

浅析Ajax的使用

点我加载

function load_other_html(){

//使用load,加载远程html代码至div中

$("#20180825").load("20180825.html",function(data, textStatus,xmlRequest){

/*function里面包含三个参数:

* 1、返回请求的内容data

* 2、请求返回的状态:是否成功:success、error、notmodify、timeout

* 3、Xml请求对象

*/

})

}

在20180825.html中,简单定义一下:

大家好,我是20180825.html页面

db845c08538424503c013468b3ef9491.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值