jax提交含有html数据时的处理方法,当请求参数中含有html便签内容,系统无法进行提交,可以在前台加密,后台解密即可。具体操作如下:
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]
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]
这样请求可以正常发送!
「链接」
$.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");
}
});
$(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这部分面试题就这么多,肯定还有没有总结到的,这些面试题一定要会,甚至比我总结的多了更好。喜欢文章的小伙伴记得关注公众号:书软
*请认真填写需求信息,我们会在24小时内与您取得联系。