使用ajax。
参考代码:
$(function(){
$.ajax({
type:"POST", url:"LoginLoadArticle.ashx",
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg);
})
})
扩展资料:
xml:返回XML文档,可用JQuery处理。
html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。
script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。
json:返回JSON数据。
jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。
text:返回纯文本字符串。
beforeSend:要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数。
使用ajax的load方法。
语法:
load(url,data,function(response,status,xhr))
具体代码:
扩展资料:
.load() 方法,与 $.get() 不同,允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格,紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。
jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档,并把它插入当前文档。在此过程中,浏览器常会从文档中过滤掉元素,比如 <html>, <title> 或 <head> 元素。结果是,由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同。
注释:由于浏览器安全方面的限制,大多数 "Ajax" 请求遵守同源策略;请求无法从不同的域、子域或协议成功地取回数据。
参考资料:Jquery官方中文文档api--ajax load()
本回答被网友采纳使用ajax。
参考代码:
$(function(){
$.ajax({
type:"POST", url:"LoginLoadArticle.ashx",
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg);
})
})
扩展资料:
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 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
本回答被网友采纳只能加载本地文件,加载时把文件路径写正确
本回答被提问者和网友采纳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 ...