jax提交含有html數(shù)據(jù)時的處理方法,當(dāng)請求參數(shù)中含有html便簽內(nèi)容,系統(tǒng)無法進行提交,可以在前臺加密,后臺解密即可。具體操作如下:
function ajax_encode(str)
{
str = str.replace(/%/g,"{@bai@}");
str = str.replace(/ /g,"{@kong@}");
str = str.replace(/</g,"{@zuojian@}");
str = str.replace(/>/g,"{@youjian@}");
str = str.replace(/&/g,"{@and@}");
str = str.replace(/\"/g,"{@shuang@}");
str = str.replace(/\'/g,"{@dan@}");
str = str.replace(/\t/g,"{@tab@}");
str = str.replace(/\+/g,"{@jia@}");
return str;
}12345678910111213復(fù)制代碼類型:[html]
public static String ajax_decode(String str, Boolean bsql)
{
str = str.replace("{@bai@}", "%");
str = str.replace("{@dan@}", "'");
str = str.replace("{@shuang@}", "\"");
str = str.replace("{@kong@}", " ");
str = str.replace("{@zuojian@}", "<");
str = str.replace("{@youjian@}", ">");
str = str.replace("{@and@}", "&");
str = str.replace("{@tab@}", "\t");
str = str.replace("{@jia@}", "+");
if(bsql) str = str.replace("'", "''");
return str;
}1234567891011121314復(fù)制代碼類型:[html]
這樣請求可以正常發(fā)送!
「鏈接」
$.ajax()是jquery封裝的底層使用xmlHttpRequest(ajax)請求遠(yuǎn)程接口的方法,但要注意,可以通過修改dataType這個屬性的值,使用script類型請求遠(yuǎn)程接口。如果是xml、html、json、text,則請求是xhr類型,如果是script、jsonp,則請求是script類型。
$.ajax({
type:"GET",
url:"http://localhost:9090/getMySeat", //訪問的鏈接
dataType:"json", //數(shù)據(jù)格式設(shè)置為jsonp
jsonp:"callback", //Jquery生成驗證參數(shù)的名稱
success:function(data){ //成功的回調(diào)函數(shù)
alert(data);
},
error: function (e) {
alert("error");
}
});
$.ajax({
type:"GET",
url:"http://localhost:9090/getMySeat", //訪問的鏈接
dataType:"jsonp", //數(shù)據(jù)格式設(shè)置為jsonp,或者為script
jsonp:"callback", //Jquery生成驗證參數(shù)的名稱
success:function(data){ //成功的回調(diào)函數(shù)
alert(data);
},
error: function (e) {
alert("error");
}
});
$(function (){
//頁面加載完畢執(zhí)行,也可以放在點擊事件中執(zhí)行
var script = document.createElement('script');
script.type = 'text/javascript';
// 傳參一個回調(diào)函數(shù)名給后端,方便后端返回時執(zhí)行這個在前端定義的回調(diào)函數(shù)
script.src = 'http://localhost:8080/login?user=admin&callback=handleCallback';
document.head.appendChild(script);
})
// 回調(diào)執(zhí)行函數(shù)
function handleCallback(res) {
alert(JSON.stringify(res));
}
你的贊和關(guān)注是對我最大的肯定,希望大家多多支持,謝謝大家。
TML我們也學(xué)了那么久了,是時候看一些面試題了,畢竟學(xué)習(xí)完找工作要面試,你工作能力再強,面試這一關(guān)還是要過得。所以面試題占了很重要的成分。下面我來總結(jié)一部分,盡量全面一些,既要接近我們所學(xué),又要滿足真實面試場景。
1、請說出XHTML和HTML的區(qū)別
答: 1、文檔頂部doctype聲明不同,xhtml的doctype頂部聲明中明確規(guī)定了xhtml DTD的寫法;
2、html元素必須正確嵌套,不能亂;
3、屬性必須是小寫的;
4、屬性值必須加引號;
5、標(biāo)簽必須有結(jié)束,單標(biāo)簽也應(yīng)該用 “/” 來結(jié)束掉;
2、請寫出至少5個HTML塊元素標(biāo)簽
答: div p ul li table h1 h2 h3 ... h6 form 等
3、請寫出至少5個HTML行內(nèi)元素標(biāo)簽
答:span a i label img input button textarea select 等
4、請寫出table標(biāo)簽下面會包含哪些標(biāo)簽元素
答: tr th td thead tbody tfoot 等
5、很多網(wǎng)站不常用table iframe這兩個元素,知道原因嗎?
答:因為瀏覽器頁面渲染的時候是從上至下的,而table 和 iframe 這兩種元素會改變這樣渲染規(guī)則,他們是要等待自己元素內(nèi)的內(nèi)容加載完才整體渲染。用戶體驗會很不友好。
6、jpg和png格式的圖片有什么區(qū)別?
答: jpg是有損壓縮格式,png是無損壓縮格式。所以,相同的圖片,jpg體積會小。比如我們一些官網(wǎng)的banner圖,一般都很大,所以適合用jpg類型的圖片。但png分8位的和24位的,8位的體積會小很多,但在某些瀏覽器下8位的png圖片會有鋸齒。
7、請用html知識解決seo優(yōu)化問題
答: 網(wǎng)站上線應(yīng)該設(shè)置TDK
TDK就是 :
然后就是html語義化標(biāo)簽,要簡潔,合理,這樣可以在css和js加載不全的時候,使我們的html文檔盡量清晰的展示出來,而不會特別亂;
8、常用瀏覽器有哪些,內(nèi)核都是什么?
答: 常用瀏覽器有 IE 火狐(firefox) chrome safari 360 搜狗 等
內(nèi)核:IE的是 Trident
火狐的是 Gecko
chrome和safari 用的是 Webkit
360和搜狗這些分極速模式和兼容模式,極速模式用的Webkit的內(nèi)核,兼容模式用的Trident內(nèi)核。
9、請至少寫出5個H5的新標(biāo)簽
答: header nav footer canvas datalist article mark
10、a標(biāo)簽在新窗口打開鏈接怎么加屬性?
答: <a target="_blank">鏈接</a>
11、寫了2個<a>標(biāo)簽,兩個標(biāo)簽之間有空格的情況遇到過嗎?
答:遇到過,一般換行寫的時候會出現(xiàn)這種情況。代碼:
<a>我們</a>
<a>你們</a>
這樣“我們”和“你們”之間就會有明顯的空格,如圖:
怎么樣,是不是空格挺明顯的。
解決辦法就是不換行寫,把兩個a標(biāo)簽寫在一行里。
12、form標(biāo)簽上定義請求類型的是哪個屬性?定義請求地址的是哪個屬性?
答:form表單定義請求類型的是 method 屬性 , 定義請求地址的是 action屬性
好啦,基本上html這部分面試題就這么多,肯定還有沒有總結(jié)到的,這些面試題一定要會,甚至比我總結(jié)的多了更好。喜歡文章的小伙伴記得關(guān)注公眾號:書軟
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。