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个回答  推荐于2019-08-29

使用ajax的load方法。

语法:

load(url,data,function(response,status,xhr))

具体代码:

扩展资料:

.load() 方法,与 $.get() 不同,允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格,紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。

jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档,并把它插入当前文档。在此过程中,浏览器常会从文档中过滤掉元素,比如 <html>, <title> 或 <head> 元素。结果是,由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同。

注释:由于浏览器安全方面的限制,大多数 "Ajax" 请求遵守同源策略;请求无法从不同的域、子域或协议成功地取回数据。

参考资料:Jquery官方中文文档api--ajax load()

本回答被网友采纳
第2个回答  推荐于2019-08-08

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

本回答被网友采纳
第3个回答  推荐于2019-09-11

用jquery ajax 可以实现,把a.html里面的某一部份的内容加载到b.html的一个div里。

比如:加载a.html里面的<div id=“row"></div>这个div里面的所有内容加载到b.html的这个div里<div id="content"></div>

假设 a.html 和b.html在同一目录:

<script > 

$(document).ready(function() { 

bodyContent = $.ajax({ 

url: "b.html",

global: false, 

type: "POST", 

data: ({ 

id: this.getAttribute('row') 

}),

dataType: "html",

async: false,

success: function(msg) {

alert(msg);

}

})

});

</script>

扩展资料:

jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法

<!DOCTYPE html>

<html>

<head>

<script src="js/jquery.min.js">

</script>

<script>

$(document).ready(function(){

$("button").click(function(){

$("#div1").load("demo_test.txt #p1");

});

});

</script>

</head>

<body>

<div id="div1"><h2>使用jQuery AJAX改变此处内容</h2></div>

<button>改变外部内容</button>

</body>

</html>

参考资料:百度百科:jQuery

本回答被网友采纳
第4个回答  推荐于2017-09-22
<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 ...

相似回答