ajax請求-參數中含有html元素

jax提交含有html數據時的處理方法，當請求參數中含有html便簽內容，系統無法進行提交，可以在前臺加密，后臺解密即可。具體操作如下：

前臺（js）

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復制代碼類型：[html]

后臺（java）

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復制代碼類型：[html]

這樣請求可以正常發送！

「鏈接」

式一使用jquery

$.ajax()是jquery封裝的底層使用xmlHttpRequest(ajax)請求遠程接口的方法，但要注意，可以通過修改dataType這個屬性的值，使用script類型請求遠程接口。如果是xml、html、json、text，則請求是xhr類型，如果是script、jsonp,則請求是script類型。

$.ajax({
type:"GET",
url:"http://localhost:9090/getMySeat", //訪問的鏈接
dataType:"json", //數據格式設置為jsonp
jsonp:"callback", //Jquery生成驗證參數的名稱
success:function(data){ //成功的回調函數
alert(data);
},
error: function (e) {
alert("error");
}
});

$.ajax({
type:"GET",
url:"http://localhost:9090/getMySeat", //訪問的鏈接
dataType:"jsonp", //數據格式設置為jsonp,或者為script
jsonp:"callback", //Jquery生成驗證參數的名稱
success:function(data){ //成功的回調函數
alert(data);
},
error: function (e) {
alert("error");
}
});

方式二創建script標簽

$(function (){
//頁面加載完畢執行，也可以放在點擊事件中執行
var script = document.createElement('script');
script.type = 'text/javascript';
// 傳參一個回調函數名給后端，方便后端返回時執行這個在前端定義的回調函數
script.src = 'http://localhost:8080/login?user=admin&callback=handleCallback';
document.head.appendChild(script);
})
// 回調執行函數
function handleCallback(res) {
alert(JSON.stringify(res));
}

你的贊和關注是對我最大的肯定，希望大家多多支持，謝謝大家。

TML我們也學了那么久了，是時候看一些面試題了，畢竟學習完找工作要面試，你工作能力再強，面試這一關還是要過得。所以面試題占了很重要的成分。下面我來總結一部分，盡量全面一些，既要接近我們所學，又要滿足真實面試場景。

1、請說出XHTML和HTML的區別

答： 1、文檔頂部doctype聲明不同，xhtml的doctype頂部聲明中明確規定了xhtml DTD的寫法；

2、html元素必須正確嵌套，不能亂；

3、屬性必須是小寫的；

4、屬性值必須加引號；

5、標簽必須有結束，單標簽也應該用 “/” 來結束掉；

2、請寫出至少5個HTML塊元素標簽

答： div p ul li table h1 h2 h3 ... h6 form 等

3、請寫出至少5個HTML行內元素標簽

答：span a i label img input button textarea select 等

4、請寫出table標簽下面會包含哪些標簽元素

答： tr th td thead tbody tfoot 等

5、很多網站不常用table iframe這兩個元素，知道原因嗎？

答：因為瀏覽器頁面渲染的時候是從上至下的，而table 和 iframe 這兩種元素會改變這樣渲染規則，他們是要等待自己元素內的內容加載完才整體渲染。用戶體驗會很不友好。

6、jpg和png格式的圖片有什么區別？

答： jpg是有損壓縮格式，png是無損壓縮格式。所以，相同的圖片，jpg體積會小。比如我們一些官網的banner圖，一般都很大，所以適合用jpg類型的圖片。但png分8位的和24位的，8位的體積會小很多，但在某些瀏覽器下8位的png圖片會有鋸齒。

7、請用html知識解決seo優化問題

答：網站上線應該設置TDK

TDK就是：

然后就是html語義化標簽，要簡潔，合理，這樣可以在css和js加載不全的時候，使我們的html文檔盡量清晰的展示出來，而不會特別亂；

8、常用瀏覽器有哪些，內核都是什么？

答：常用瀏覽器有 IE 火狐(firefox) chrome safari 360 搜狗等

內核：IE的是 Trident

火狐的是 Gecko

chrome和safari 用的是 Webkit

360和搜狗這些分極速模式和兼容模式，極速模式用的Webkit的內核，兼容模式用的Trident內核。

9、請至少寫出5個H5的新標簽

答： header nav footer canvas datalist article mark

10、a標簽在新窗口打開鏈接怎么加屬性？

答： <a target="_blank">鏈接</a>

11、寫了2個<a>標簽，兩個標簽之間有空格的情況遇到過嗎？

答：遇到過，一般換行寫的時候會出現這種情況。代碼：

這樣“我們”和“你們”之間就會有明顯的空格，如圖：

怎么樣，是不是空格挺明顯的。

解決辦法就是不換行寫，把兩個a標簽寫在一行里。

12、form標簽上定義請求類型的是哪個屬性？定義請求地址的是哪個屬性？

答：form表單定義請求類型的是 method 屬性，定義請求地址的是 action屬性

好啦，基本上html這部分面試題就這么多，肯定還有沒有總結到的，這些面試題一定要會，甚至比我總結的多了更好。喜歡文章的小伙伴記得關注公眾號：書軟

在線咨詢

上一篇：零基礎HTML素材積累，7個按鈕把CSS HOVER 的創意發揮到極致了
下一篇：CSS 的背景

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商