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

如题所述

使用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对象的函数。

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-03-15
<html>
<head>
    <!--引入js文件-->
    <script src="

</head>
<body>
    <div id="divHtml">
        放到这个div里一个百度
    </div>
    <button onclick="set()">点击</button>
</body>
<script>
    function set() {
            //放一个iframe标签到div里,src属性指向你想放入的页面地址
        $("#divHtml").html("<iframe src='
);
    }
</script>
</html>

第2个回答  2016-03-15
<div id="moon"></div>
<script>
$( "#moon" ).load( "demo2.html", function( response, status, xhr ) {
$('#moon').html(response);
});

只能加载本地文件,加载时把文件路径写正确本回答被提问者采纳

jQuery怎么加载一个html页面到我指定的div里面
使用ajax。参考代码:(function(){ .ajax({ type:"POST", url:"LoginLoadArticle.ashx",data: "type="+escape("最新公告") ,success:function(msg){ (".gonggao").html(msg);}, error:function(XMLHttpRequest, textStatus, thrownError){}})})...

jquery解析html文本?
jQuery怎么加载一个html页面到我指定的div里面我们先引入jquery的脚本文件。在html里,我们在一个div里有内容「百度」。后面添加一个按钮,有一个changeText的事件函数。在changeText方法里,我们先使用jquery通过id获得对应的div。你好,你可以利用jquery的选择器手动向div中append一个由iframe标签组成的页面。

怎样在div里面嵌入一个HTML页面?
1、打开编辑器,新建test.html,用于学习今天的内容。2、接下来需要在head标签下方引入jquery.min.js插件。3、在页面的body标签里,新建一个p,名称为test。4、在body标签下方写上script>\/script>,用来存放js代码。通过class定位到p,通过css()方法让文字居中。5、在浏览器中打开test.html,可以在文字...

怎样用jquery在div中加载页面
load事件可以载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。参数url,[data,[callback]]url:待装入 HTML 网页网址。data:发送至服务器的 key\/value 数据。在jQuery 1.3中也可以接受一个字符串了。callback:载入成功时回调函数。例子$("#test"...

jq跳转到指定页面(jq怎么跳转页面)
jQuery页面跳转(img).click(function(){\/\/点击图片后发送跳转到指定页面的事件。跳转向新的页面,原窗口被代替。波球论坛浏览器中的URL为原路径不变。例:;\/\/点击图片事件$(img).click(function(){\/\/点击图片后发送跳转到指定页面的事件。方法\/步骤首先我们需要打开Deaweaver软件,新建一个html5文件...

如何在div里面加载另一个html页面?
1、如果有现成的文本,包括json你可以用$("#id").html("page的内容");这个要有编辑好的dom元素。2、你是把包装集和事件分开的话,也可以用$("#id").load("page内容");3、你也可以用ajax,手写可以,用现有的库文件也行,在使用时,把压缩文件导入。一般是$.ajax(url,data...)这个用在...

jquery 加载页面,如何加载baidu.com至我的一个 div id="bd"中。_百 ...
不可以,跨域名。除非你的jquery请求服务器,由服务器读取baidu.com的html,返回值给你的jquery,再赋到div才行。直接用jquery访问baidu.com,想把他的html再赋到div是做不到的。

html中怎么从一个页面跳转到另一个页面?
1、可以使用代码跳转到指定位置。2、转到指定位置是指向idweizhi的页面部分的超链接。位置<\/div>是需要转移的部分。id的值应该与<ahref中的id号相同,前面带有#cord。3、如果您需要在从另一个页面移动到此页面后跳转到另一个位置,则需要将添加到跳转位置作为跳转的标识符。4、使用时,在其他页面的...

jquery 复制HTML标签到另一个div中,内容没有改变.
你好,如果只需要复制内容到最后一个div这样做就可以了 (function() { $("#b2").click(function() { $("div:last").html($("#a1").children().val()); }) });希望可以解决你的问题

jQuery动态加载html
详细介绍:http:\/\/www.w3school.com.cn\/jquery\/ajax_load.asp 在当前html里写如下js:("#div1").load("test.html #div1");\/\/把test.html里面id为div1的加载到当前页的div1 ("#div2").load("test.html #div2");\/\/把test.html里面id为div2的加载到当前页的div2 ...

相似回答