整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          ajax請求-參數(shù)中含有html元素

          jax提交含有html數(shù)據(jù)時的處理方法,當(dāng)請求參數(shù)中含有html便簽內(nèi)容,系統(tǒng)無法進行提交,可以在前臺加密,后臺解密即可。具體操作如下:

          前臺(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復(fù)制代碼類型:[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復(fù)制代碼類型:[html]

          這樣請求可以正常發(fā)送!

          「鏈接」

          式一 使用jquery

          $.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");
          }
          });

          方式二 創(chuàng)建script標(biāo)簽

          $(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)注公眾號:書軟


          主站蜘蛛池模板: 中文字幕一区一区三区| 无码精品一区二区三区| 亚洲一区二区三区高清| 国产精品亚洲一区二区三区久久| 无码少妇一区二区三区浪潮AV| 一区二区网站在线观看| 国产精品综合一区二区三区| 另类国产精品一区二区| 精品少妇ay一区二区三区| 一区二区视频在线| 国产一区二区在线观看app| 一区二区三区在线|日本| 精品乱码一区内射人妻无码| 国产在线观看一区二区三区| 天天综合色一区二区三区| 亚洲一本一道一区二区三区| 日本一区二区视频| 精品国产一区二区三区色欲| 在线视频一区二区三区| 91一区二区三区四区五区| 91精品一区二区三区久久久久| 一区二区三区视频在线观看| 国产成人一区二区三区在线| 中文字幕国产一区| 人妻少妇AV无码一区二区| 真实国产乱子伦精品一区二区三区 | 性色av无码免费一区二区三区 | 亚洲一区二区三区在线网站| 亚洲AV美女一区二区三区| 久久久无码精品国产一区| 国产AV午夜精品一区二区入口 | 国产suv精品一区二区33| 国产色情一区二区三区在线播放| 一区二区三区四区视频在线| 国产精品被窝福利一区| 国产精品一区二区久久不卡| 视频一区精品自拍| 无码人妻一区二区三区免费n鬼沢| 亚洲国产精品一区二区久久| 一区二区三区在线免费看| 中文字幕精品一区二区|