jQuery怎么加载一个html页面到我指定的div里面

jQuery怎么加载一个html页面到我指定的div里面,第1张

使用ajax。

参考代码:

$(function(){

$.ajax({

type:"POST",      url:"LoginLoadArticle.ashx",    

data: "type="+escape("最新公告") ,

success:function(msg){

$(".gonggao").html(msg)

      },      error:function(XMLHttpRequest, textStatus, thrownError){}

})

})

扩展资料:

xml:返回XML文档,可用JQuery处理。 

html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。 

script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。 

json:返回JSON数据。 

jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 

text:返回纯文本字符串。 

beforeSend:要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数。

使用jquery中的load事件。

load事件可以载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。

参数url,[data,[callback]]

url:待装入 HTML 网页网址。

data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。

callback:载入成功时回调函数。

例子$("#test").load("index.html")在元素test中载入index页面

1、把按钮id设置为loadif,示例如下:

<button type="button" id="loadif">加载</button>

2、在div上加一个iframe,示例如下:

<iframe id="loaddiv"></iframe>

3、在页面中加入以下javascript:

<script>

$("#loadif").on('click',function(e) {

    $("#loaddiv").attr('href', 'a.asp')

  })

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11714858.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存