用jsonp解决easyui 跨域问题
来源:互联网 发布:虚拟摄影棚软件 编辑:程序博客网 时间:2024/06/06 15:04
服务端servlet代码片段:
/** * 处理请求 * @throws IOException */private void requestManage(HttpServletRequest req, HttpServletResponse res) throws IOException{//配置编码类型res.setContentType("text/html;charset=UTF-8;pageEncoding=UTF-8"); //控制浏览器的编码行为res.setCharacterEncoding("UTF-8");//目的是用于response.getWriter()输出的字符流的乱码问题,如果是response.getOutputStream()是不需要此种解决方案的;因为这句话的意思是为了将response对象中的数据以UTF-8解码后发向浏览器;res.setHeader("content-type","text/html;charset=UTF-8");req.setCharacterEncoding("UTF-8");String jason="{\"currentNumber\":10,\"pageNo\":1,\"pageSize\":10,\"rows\":[{\"email\":\"zhubj1@gmail.com\",\"firstname\":\"fname1\",\"id\":3,\"lastname\":\"lname1\",\"phone\":\"(000)000-0000\",\"valid\":true},{\"email\":\"name2@gmail.com\",\"firstname\":\"fname2\",\"id\":4,\"lastname\":\"lname2\",\"phone\":\"(000)000-0000\",\"valid\":true},{\"email\":\"name3@gmail.com\",\"firstname\":\"fname3\",\"id\":5,\"lastname\":\"lname3\",\"phone\":\"(000)000-0000\",\"valid\":true},{\"email\":\"name4@gmail.com\",\"firstname\":\"fname4\",\"id\":7,\"lastname\":\"lname4\",\"phone\":\"(000)000-0000\",\"valid\":true},{\"email\":\"name5@gmail.com\",\"firstname\":\"fname5\",\"id\":8,\"lastname\":\"lname5\",\"phone\":\"(000)000-0000\",\"valid\":true},{\"email\":\"name6@gmail.com\",\"firstname\":\"fname6\",\"id\":9,\"lastname\":\"lname6\",\"phone\":\"(000)000-0000\",\"valid\":true},{\"email\":\"name7@gmail.com\",\"firstname\":\"fname7\",\"id\":10,\"lastname\":\"lname7\",\"phone\":\"(000)000-0000\",\"valid\":true},{\"email\":\"name8@gmail.com\",\"firstname\":\"fname8\",\"id\":11,\"lastname\":\"lname8\",\"phone\":\"(000)000-0000\",\"valid\":true},{\"email\":\"name9@gmail.com\",\"firstname\":\"fname9\",\"id\":12,\"lastname\":\"lname9\",\"phone\":\"(000)000-0000\",\"valid\":true},{\"email\":\"name10@gmail.com\",\"firstname\":\"fname10\",\"id\":13,\"lastname\":\"lname10\",\"phone\":\"(000)000-0000\",\"valid\":true}],\"total\":11,\"totalPages\":2}";String callback=req.getParameter("callback");//得到回调函数名 System.out.println(callback);res.getWriter().write(callback+"("+jason+")");//封装成 回调函数名(data)形式 }
前端:
url="http://localhost:8888/study/test" 为跨域调用
<table id="dg1" title="用户管理" class="easyui-datagrid" style="width:100%;height:100%px"url="http://localhost:8888/study/test" toolbar="#toolbar" pagination="true"rownumbers="true" fitColumns="true" singleSelect="true"><thead><tr><th field="firstname" width="50">姓</th><th field="lastname" width="50">名</th><th field="phone" width="50">电话</th><th field="email" width="50">Email</th><th field="classno" width="50">班级</th></tr></thead></table>
js代码片段:
在jquery.easyui.min.js中增加一个跨域调用的js函数
$.ajax({type:opts.method,url:opts.url,data:_7ff,dataType:"jsonp",success:function(data){
阅读全文
0 0
- 用jsonp解决easyui 跨域问题
- 用JSONP解决ajax跨域问题
- jsonp解决跨域问题
- jsonp解决跨域问题
- JSONP解决跨域问题
- jsonp解决跨域问题
- jsonp解决跨域问题
- jQueryAJAX的$.ajax()用jsonp解决跨域问题
- 深入浅出JSONP:解决AJAX跨域问题
- 深入浅出JSONP--解决ajax跨域问题
- 深入浅出JSONP--解决ajax跨域问题
- JSONP--解决ajax跨域问题
- 深入浅出JSONP--解决ajax跨域问题
- 深入浅出JSONP--解决ajax跨域问题
- 深入浅出JSONP--解决ajax跨域问题
- 深入浅出JSONP--解决ajax跨域问题
- 深入浅出JSONP--解决ajax跨域问题
- 深入浅出JSONP--解决ajax跨域问题
- GeForce Desktop Products Compute Capability
- CSS3 box-reflect 属性
- 计算机硬件
- Japan
- 在Hive中实现存储过程–HQL/SQL
- 用jsonp解决easyui 跨域问题
- Ubuntu16.04 报错信息处理
- C++编写二元多项式,并实现基本的加减运算
- RTSP、 RTMP、HTTP的共同点、区别
- CardView使用
- js分页效果
- 各国时区夏令时切换信息
- rsyslog管理分布式日志
- 【Java】Java从网络读取图片并保存至本地