怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
Ajax 即“AsynchronousJavascriptAndXML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。
Ajax = 异步JavaScript和 XML 或者是 HTML(标准通用标记语言的子集)。
Ajax 是一种用于创建快速动态网页的技术。
Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。
第一步:问题定位。
1、出现乱码的原因一般都是由于编码的不一致导致的。ajax请求接受字符编码一般都为utf-8
2、在数据传输的过程中,前端get请求或post请求在经过Tomcat和java的一些框架时,都可能会出现编码不一致的问题导致乱码,乱码一般都是中文。
第二步:问题重现。
1、我们重现的是比较原始的javaweb的servlet开发,status2和springmvc和其它框架原理基本都是一样的。
2、代码实现
2.1 首先搭建一个javaweb项目
编写servlet关键代码
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse response) throws ServletException, IOException {
MapString,Object> map = new HashMapString,Object>();
map.put("name", "张三");
map.put("name2", "李四");
map.put("name3", "网二");
JSONObject json = new JSONObject(map);
PrintWriter out = response.getWriter();
out.write(json.toString());
out.close();
}
2.2 web.xml配置
servlet>
servlet-name>servlet/servlet-name>
servlet-class>com.test.servlet.ServletController/servlet-class>
/servlet>
servlet-mapping>
servlet-name>servlet/servlet-name>
url-pattern>/servlet.do/url-pattern>
/servlet-mapping>
第三步:重现乱码测试。
1、打开页面。
2、单击按钮ajax
3、弹出内容乱码,问题重现
第四步:问题解决。
1、解决的思想主要是通过接收数据,传输数据之前先使用utf-8编码解决。
2、具体代码如下所示
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("application/json;charset=utf-8");
// setContentType与setCharacterEncoding的顺序不能调换,否则还是无法解决中文乱码的问题
response.setCharacterEncoding("UTF-8");
MapString,Object> map = new HashMapString,Object>();
map.put("name", "张三");
map.put("name2", "李四");
map.put("name3", "网二");
JSONObject json = new JSONObject(map);
PrintWriter out = response.getWriter();
out.write(json.toString());
out.close();
}
3、测试。
3.1 打开页面,
3.2点击ajax按钮如下图所示。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大,使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是,可以做一个网站,基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY