ajax猎取网页增加到div中的要领

1：应用DOM猎取该 div 的 ID，然后清空该DIV的内容(假如你须要接着内里的内容增加可不要清空)；须要注重点是清空最好用“ empty() ”；

2: 把 async设成true ,不然又一条正告的毛病，这条毛病致使你的内容显现不出来；下面就是正告的毛病

【相干课程引荐：JavaScript视频教程】

3:就是增加HTML了。

细致代码以下：

测试

测试

$(function(){

$("#btn").click(function(){

$.ajax({

url:'../../Html/JQueryDome/弹框.html',

dataType:'html',

type:'get',

async:true,

success:function(data){

console.log(data);

$("#tset").html(data)

},error:function(){

}

})

})

})

末了总结一下清空DIv的内容的要领

empty() 状况选择器内里的内容

语法 $(“选择器”).empty()

remove() 删除后再恢复事宜不在

语法 $(“选择器”).remove()

detach() 删除后再恢复事宜在

语法 $(“选择器”).detach()

顺便把其他的也给出来吧：

包裹

wrap() 每个表面都增加一个新的元素

语法 $(“选择器”).wrap(“”)

wrapAll() 统一包裹一个元素

语法 $(“选择器”).wrap(“”)

wrapInner() 在内里增加一个新的元素

语法 $(“选择器”).wrap(“”)

unwrap() 去掉包裹

语法 $(“选择器”).wrap(“”)

外部插进去

after() 在后面插 语法： $(“选择器”).after(“”)

insertAfter() 在后面插 语法： $(“选择器”).insertAfter(“”)

before 在后面插 语法： $(“选择器”).before(“”)

insertBefore() 在后面插 语法： $(“选择器”).insertBefore(“”)

内部插进去(在)

append() 在后面插 语法： $(“选择器”).append(“”)

appendTo() 在后面插 语法： $(“”).appendTo(“选择器”)

prepend() 在前面插 语法： $(“选择器”).prepend(“”)

prependTo() 在前面插 语法： $(“”).prependTo(“选择器”)

替代

replaceWith() 语法 $(“选择器”).replaceWith($(“选择器”))

replaceAll 语法 $(“”).replaceAll (““选择器”

克隆

clone()

语法：

1、$(“选择器”).clone().append(“元素名”)

2、$(“选择器”).append($(“元素名”).clone())

对了，另有一点就是(固然我是MVC中碰到的，不确定都有哟)，就是在猎取的网页中有内部JS，比方这里是一个猎取当地的时候函数，然后当你实行AJAX时，页面不会增加到DIV中，全部页面就是是当前时候(然则地点没有变化)。解决办法：能够把该JS删除，或许该JS换成一个外部JS即可。

本文来自 js教程 栏目，迎接进修！

以上就是ajax猎取网页增加到div中的要领的细致内容，更多请关注ki4网别的相干文章！

收藏 | 0