• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > web开发中的一些技术杂项整理文章

web开发中的一些技术杂项整理文章

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含web,开发,整理等相关知识,佚名 希望在学习及工作中可以帮助到您
1.get()和post()区别:
(1).get请求会将参数放在URL之后进行传递,而post方式是作为http消息实体发送给Web服务器,但是,这种区别在ajax中对用户是不可见的。
(2).get请求方式对传输的数据有大小限制,通常不能大于2KB,而是用post的方式一般不受限制。
(3).get请求的数据会被浏览器缓存起来,因此其他人就可以通过浏览器的历史记录读取这些数据,例如帐号密码等,严重的可能会带来安全问题,而post方式相对就可以避免这些问题。
(4).get方式和post方式传递的数据在服务器端获取的方式也可能不相同,如php,$_GET[]获取get请求,$_POST[]获取post请求。但是JSP是相同的。
(5).get请求提交的速度要比post速度快,但不是差异特别大,在对速度要求比较苛刻的条件下,如搜索引擎,对搜索请求就会采用get方式提交。
(6).HTTP/1.1协议规定了八种请求方式,分别是:options,head,get,post,put,delete,trace,connect,但get和post方式是使用最多的方式。
2.jQuery解析xml和json注意事项:
在使用新版本的jQuery(1.7.2,不是很清楚到底从哪个版本开始这样规定的)采用$.get()解析xml数据时,通常js文件中书写的方式是:
Js代码
1. $.get("jsp/get2.jsp",{
2. "username":encodeURI($("#username").val()),
3. "content":encodeURI($("#content").val())
4. },function(data, textStatus){
5. var username = $(data).find("comment").attr("username");
6. var content = $(data).find("comment content").text();
7. username = decodeURI(username);
8. content = decodeURI(content);
9. var txtHtml = "<div class='comment'><h6>"+username+":</h6><p class='para'>"+content+"</p></div>";
10. $("#resText").html($("#resText").html()+txtHtml);
11. },"xml");
服务器端(JSP)需要返回一个XML文件或者构建出一个XML文件,方式如下:
Html代码
1. <%@page contentType="text/xml" language="java" pageEncoding="UTF-8"
2. import="java.util.Date,java.text.SimpleDateFormat"%>
3. <%
4. response.setContentType("text/xml");
5. String username = request.getParameter("username");
6. String content = request.getParameter("content");
7. //需要注意的是下面的标记不需要了,带上的话就会报错了
8. //out.println("<?xml version=\"1.0\" encoding=\"UTF-8\"?>");
9. if(content!=null && !content.trim().equals("")){
10. if(username==null || username.trim().equals("")){
11. username = "匿名人士";
12. }
13. Date now = new Date();
14. SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
15. out.println("<comments>");
16. out.println("<comment username=\""+username+" 发表于 "+sdf.format(now)+"\">");
17. out.println("<content>"+content+"</content>");
18. out.println("</comment>");
19. out.println("</comments>");
20. }
21. %>
需要注意的内容已经在注释中标记出来了,不然的话浏览器会报出XML文件解析失败的错误。
json文件的解析重点注意的是服务端,js代码如下:
Js代码
1. //重要!!!在新版本的jQuery中,采用了更为严格的json解析方式,所以所有内容都必须要有双引号。
2. //必须形如:{"key" : "28CATEGORY","status" : "0"}
3. $("#send3").click(function(){
4. $.get("jsp/get3.jsp",{
5. "username":encodeURI($("#username").val()),
6. "content":encodeURI($("#content").val())
7. },function(data, textStatus){
8. var username = data.username;
9. var content = data.content;
10. username = decodeURI(username);
11. content = decodeURI(content);
12. var txtHtml = "<div class='comment'><h6>"+username+":</h6><p class='para'>"+content+"</p></div>";
13. $("#resText").html($("#resText").html()+txtHtml);
14. },"json");
15. });
按照上述的注意说明,JSP代码应该为:
Html代码
1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
2. <%
3. String username = request.getParameter("username");
4. String content = request.getParameter("content");
5. out.println("{ \"username\" : \""+username+"\" , \"content\" : \""+content+"\"}");
6. %>
摘自 yiyiboy2010

您可能想查找下面的文章:

  • Web移动端Fixed布局的解决方案
  • 浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
  • Web前端开发css基础样式总结(推荐)
  • CSS Web安全字体组合详解
  • Web前端新人笔记之height、min-height的区别详解
  • CSS实现带倒三角标记的WEB标准菜单效果代码
  • 在支持HTML5的浏览器上运行WebGL程序的方法
  • html5+css3之动画在webapp中的应用
  • 前端设计师需要了解的9个问题
  • CSS3 滤镜 webkit-filter详细介绍及使用方法

相关文章

  • 2017-08-06如何让图像域和文本输入框水平居中之类的实现代码
  • 2017-08-06CSS3中Animation动画属性用法详解
  • 2017-08-06Css3圆角边框制作代码
  • 2017-08-06div的滚动条如何实现
  • 2017-08-06less让css具有动态语言的特性
  • 2017-08-06深入了解float与inline-block
  • 2017-08-06ie css margin auto 不居中解决方案
  • 2017-08-06css页面中常见左中右分栏布局的两种实现方式
  • 2017-08-06使用font-size:0px 来制作跨浏览器的inline-block css属性
  • 2017-08-06css hack之清除浮动(clearfix)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • CSS 半透明度设置归纳总结[Firefox,IE,Chrome,Safari]
    • css3气泡 css3关键帧动画创建的动态通知气泡
    • 用纯css3和html制作泡沫对话框实现代码
    • 使用zoom解决IE6 margin无效BUG
    • css z-index的用法和注意点
    • div+css 定位浅析
    • css float 解析学习
    • css中border:none;与border:0;的区别说明
    • CSS中的伪元素简介
    • 兼容主流浏览器的CSS透明代码(必看篇)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有