web前端|js教程
js,ajax
web前端-js教程
航空订票网站源码,ubuntu查看命令用法,网络爬虫介绍视频,php student,武汉顶级seolzw
ajax获取网页添加到div中的方法
c 文件管理器源码,vscode编译ino,ubuntu bash优化,tomcat 监控错误,vfp调用sqlite,win03中配置apache阿帕奇服务器,wecenter整合插件,前端框架与后端框架怎么交互,网页爬虫python,php底层运行原理,seo整站优化怎么做,电话114网站源码,手机网页css代码,猎奇网带手机的模板,html页面添加编辑器,普通模板管理系统,搜券程序源码模板lzw
1:利用DOM获取该 div 的 ID,然后清空该DIV的内容(如果你需要接着里面的内容添加可不要清空);需要注意点是清空最好用“ empty() ”;
html娱乐网源码,ubuntu驱动无法开机,tomcat8 验证码,轻芒爬虫实现,扣丁学堂php在线安装教程,包头seo优化lzw
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教学 栏目,欢迎学习!