给Ajax返回的HTML标签动态添加样式的方法
更新时间：2017年04月17日 11:53:37 投稿：mrr
这篇文章主要介绍了给Ajax返回的HTML标签动态添加样式的方法,需要的朋友可以参考下
今天在做项目时，在页面中用ajax返回了另一个页面，突然发现返回页面中的表格把页面给顶了出去，经过一番研究，终于解决了。
先准备好要返回内容的容器
<div class="container"> </div>
预定义一个样式，以便返回的内容能直接套用
比如，我们希望返回的表格不会太过分，把页面给顶开了。。。
<style>
.container table{
width:100%;
}
</style>
最后直接在容器中用ajax返回内容
$(function(){
$('a').click(function(){
$.get('get.html',function(data){
$('.container').html(data);
});
});
});
没了，以上所述是小编给大家介绍的给Ajax返回的HTML标签动态添加样式的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
相关文章
结合AJAX进行PHP开发之入门...2006-12-12
ajax JSONP请求处理回调函数jsonpCallback区分大小写
使用ajax进行 JSONP跨域请求，因为被请求的对方的回调函数名称是无法修改，想到设置AJAX 的JSONP参数。但是发现根本不起作用。最后偶然发现 jsonpcallback是区分大小写的2013-09-09
这篇文章主要介绍了使用Ajax进行文件与其他参数的上传功能(java开发),非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-01-01
本文通过实例代码给大家介绍了基于Ajaxupload的多文件上传操作，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-08-08
Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。网上关于介绍ajax的原理有很多，本文将通过图文的形式给大家更直接明了的介绍，有需要的可以参考学习。2016-08-08
jquery ajax提交表单从action传值到jsp实现小结
pw.print(random);这里的random就是action要向jsp传的值，在jsp中，success: function(text)这里的text就是接收从action传过来的值，感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要为大家详细介绍了AJAX用于判定用户是否注册，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了AJAX使用get与post模式的区别,实例分析了Ajax中get与post的具体用法与使用区别,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了Ajax跨域请求COOKIE无法带上的解决办法,需要的朋友可以参考下2017-04-04
好用的AJAX类代码分享，需要的朋友可以参考下。2011-11-11
最新评论