給Ajax返回的HTML標(biāo)簽動(dòng)態(tài)添加樣式的方法
更新時(shí)間：2017年04月17日 11:53:37 投稿：mrr
這篇文章主要介紹了給Ajax返回的HTML標(biāo)簽動(dòng)態(tài)添加樣式的方法,需要的朋友可以參考下
今天在做項(xiàng)目時(shí)，在頁面中用ajax返回了另一個(gè)頁面，突然發(fā)現(xiàn)返回頁面中的表格把頁面給頂了出去，經(jīng)過一番研究，終于解決了。
先準(zhǔn)備好要返回內(nèi)容的容器
<div class="container"> </div>
預(yù)定義一個(gè)樣式，以便返回的內(nèi)容能直接套用
比如，我們希望返回的表格不會(huì)太過分，把頁面給頂開了。。。
<style>
.container table{
width:100%;
}
</style>
最后直接在容器中用ajax返回內(nèi)容
$(function(){
$('a').click(function(){
$.get('get.html',function(data){
$('.container').html(data);
});
});
});
沒了，以上所述是小編給大家介紹的給Ajax返回的HTML標(biāo)簽動(dòng)態(tài)添加樣式的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
ajax提交到servelt獲取參數(shù)有亂碼的解決方法
這篇文章主要介紹了ajax提交到servelt獲取參數(shù)有亂碼的解決方法,需要的朋友可以參考下2014-02-02
第一次碰到了這種編碼的問題，在windows下AJAX接收到中文數(shù)據(jù)顯示出來全是亂碼，而在linux下，竟然提示網(wǎng)頁出錯(cuò)，什么顯示都沒有。2009-06-06
Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程分享
以下是Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程，希望本文對(duì)廣大php開發(fā)者有所幫助，感謝閱讀本文2014-01-01
前段時(shí)間在做程序的時(shí)候發(fā)現(xiàn)一個(gè)小問題，在寫后臺(tái)管理上傳圖片時(shí)，在我進(jìn)行用Form表單提交的時(shí)候直接跳出來提交返回值的頁面并且原先的頁面刷新，下面小編通過分享本文給大家解析下2016-10-10
IE9下Ajax無法刷新數(shù)據(jù)的緩存問題解決方法
使用jQuery的getJSON從后臺(tái)定時(shí)獲取數(shù)據(jù)并刷新界面，在IE9下卻無法刷新數(shù)據(jù)，原因就是緩存的問題，下面是解決方法2014-09-09
按鈕的Ajax請(qǐng)求時(shí)一次點(diǎn)擊兩次提交的解決方法
像ajax請(qǐng)求發(fā)生兩次提交的原因是在執(zhí)行完ajax請(qǐng)求后，并沒有阻止submit的行為，下面小編給大家?guī)韮煞N按鈕的ajax請(qǐng)求時(shí)一次點(diǎn)擊兩次提交的解決方法，一起看看吧2016-09-09
Ajax內(nèi)部交流文檔...2006-06-06
AJAX請(qǐng)求數(shù)據(jù)及實(shí)現(xiàn)跨域的三種方法詳解
ajax跨域這個(gè)問題其實(shí)很常見,這篇文章主要給大家介紹了關(guān)于AJAX請(qǐng)求數(shù)據(jù)及實(shí)現(xiàn)跨域的三種方法的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-12-12
將xml文件作為一個(gè)小的數(shù)據(jù)庫,進(jìn)行學(xué)生的增刪改查的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄獙ml文件作為一個(gè)小的數(shù)據(jù)庫,進(jìn)行學(xué)生的增刪改查的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了Ajax提交post請(qǐng)求,結(jié)合具體案例形式分析了ajax提交post請(qǐng)求相關(guān)原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2019-07-07