整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

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>我们</a>

<a>你们</a>

这样“我们”和“你们”之间就会有明显的空格,如图:

怎么样,是不是空格挺明显的。

解决办法就是不换行写,把两个a标签写在一行里。

12、form标签上定义请求类型的是哪个属性?定义请求地址的是哪个属性?

答:form表单定义请求类型的是 method 属性 , 定义请求地址的是 action属性

好啦,基本上html这部分面试题就这么多,肯定还有没有总结到的,这些面试题一定要会,甚至比我总结的多了更好。喜欢文章的小伙伴记得关注公众号:书软