jquery ajax应用
1.客户端<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>My JSP 'index.jsp' starting page</title> <script type="text/javascript" src="/js/jquery.js"></script> <script> //--两次编码最为保险 function show1(div){ var url='ajax.jsp?div='+div+'&ch_id=我是帅哥!'; url=encodeURI(url);//一次编码处理[参数经浏览器，要编码] $.ajax({url:url,cache: false,//默认: true,设置为 false 将不会从浏览器缓存中加载请求信息。success: function(html){ $("#div1").html(html);}}); } function show2(div){ var data='div='+div+'&ch_id=我是帅哥!'; data=encodeURI(encodeURI(data));//一次编码处理[也可无需编码，后台转码就行,只支持IE] $.ajax({ type: "POST", url: "ajax.jsp", cache: false, data:data, success: function(msg){ $("#div2").html(msg); } }); } function show3(div){ $.ajax({ type: "POST", url: "ajax.jsp", cache: false, data:{'div':div,ch_id:encodeURI(encodeURI('我是帅哥!'))},//不转码,后台进行两次转码只支持Firefox success: function(msg){ $("#div3").html(msg); } }); } function show4(div){ var data='div='+div+'&ch_id=我是帅哥!'; data=encodeURI(encodeURI(data)); $.ajax({ type: "POST", url: "ajax.jsp", cache: false, data:data, error:function(){ $("#div4").html("服务器出错了..."); }, success: function(msg){ $("#div4").html(msg); } }); } </script> </head><body><center> <input type="submit" value="形式1" /> <div id="div1"></div> <hr width="100%" size="1" noshade style="border:1px dashed #cccccc;"/> <input type="submit" value="形式2" /> <div id="div2"></div> <hr width="100%" size="1" noshade style="border:1px dashed #cccccc;"/> <input type="submit" value="形式3" /> <div id="div3"></div> <hr width="100%" size="1" noshade style="border:1px dashed #cccccc;"/> <input type="submit" value="形式4" /> <div id="div4"></div> <hr width="100%" size="1" noshade style="border:1px dashed #cccccc;"/> <hr width="100%" size="1" noshade style="border:1px dashed #cccccc;"/> </center></body></html>
2.服务器端
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>My JSP 'ajax.jsp' starting page</title></head> <body><% response.setCharacterEncoding("UTF-8"); String ch_id=""; String div=request.getParameter("div"); if(div.equals("1")){ if(request.getParameter("ch_id")!=null){ ch_id=request.getParameter("ch_id"); //ch_id = java.net.URLDecoder.decode(ch_id,"UTF-8");//两次编码处理 ch_id =new String((ch_id.getBytes("ISO-8859-1")),"UTF-8");//一次编码处理 } out.print(ch_id);} if(div.equals("2")){ if(request.getParameter("ch_id")!=null){ ch_id=request.getParameter("ch_id"); ch_id = java.net.URLDecoder.decode(ch_id,"UTF-8"); } out.print(ch_id);} if(div.equals("3")){ if(request.getParameter("ch_id")!=null){ ch_id=request.getParameter("ch_id"); //ch_id = java.net.URLDecoder.decode(ch_id,"UTF-8"); ch_id =new String((ch_id.getBytes("ISO-8859-1")),"UTF-8");//一次编码处理 } out.print(ch_id);} if(div.equals("4")){ if(request.getParameter("ch_id")!=null){ ch_id=request.getParameter("ch_id"); ch_id = java.net.URLDecoder.decode(ch_id,"UTF-8"); } out.print(ch_id);} %></body></html>
页:
[1]