电商门户导航菜单功能实现与跨域问题解决.pdfVIP

[今日课程大纲]

门户导航菜单功能需求

分析jsonp

完成导航菜单功能。

[知识点详解]

一.门户导航菜单功能需求分析

__

1.在ego‑portal中显示tbitemcat商品类目的数据，让

ego‑portal调用ego‑item中的数据，由ego‑item调用dubbo

ego‑portal，调用ego‑item的控制器

ego‑item编写一个控制器

dubbo

db

2.跨域

2.1一个Servlet容器（Tomcat）中的项目调用另一个

Servlet容器（Tomcat）中的项目，称为跨域。

[今日课程大纲]

门户导航菜单功能需求分析

jsonp

完成导航菜单功能.

[知识点详解]

一.门户导航菜单功能需求分析

1.在ego-portal中显示tb_item_cat商品类目的数据,让ego-portal调

用ego-item中的数据,由ego-item调用dubbo

ego-portal,调用ego-item的控制器

ego-item编写一个控制器

dubbo

db

2.跨域

2.1一个Servlet容器(tomcat)中项目调用另一个servlet容器

(tomcat)中项目,称为跨域

3.Ajax在研发时出于安全性的考虑不允许跨域请求。

3.1解决办法：使用jsonp3.2解决办法：由eortal访问

自己的控制器，自己的控制器自己的service，在自己的

service中使用httpclient调用ego‑item的控制器方法。

二.jsonp

1.jsonp：跨域AJAX数据请求的解决方案

2.发由来

展

2.1AJAX不能进行跨域请求（如果AJAX请求的控制器返回的

是字符串或JSON数据，不能）2.2发现可以在一个项目中

直接另一个项目的JS文件。（还是通过AJAX访

问）2.3使用X访问另一个项目的控制器，但控制器返回的

结果成JS文件。

3.使用jsonp时服务器端返回的数据格式：

函数名(返回的数据);

4.在客户端编写代码

4.1dataType:必须设置为jsonp4.2jsonp:传递给服务器的参

数名，默认为callback4.3jsonCallback:参数名对应的值，

表示最终回调的函数名，默认为

3.ajax在研发时处于安全性考虑不允许跨域请求的.

3.1解决办法:使用jsonp

3.2解决办法:由ego-portal自己的控制器,自己的控制器

自己的service,在自己的service中使用httpclient调用ego-item的

控制器方法.

二.jsonp

1.jsonp:跨域ajax数据请求的解决方案

2.发展由来

2.1ajax不能进行跨域请求(如果ajax请求的控制器返回的就是字

符串六或json数据,不能)

2.2发现可以在一个项目直接另一个项目的js文件.(引

用还是通过ajax)

2.3使用ajax另一个项目的控制器,但是控制器返回的结果伪

装成js文件.

3.使用jsonp时服务器端返回的数据格式:

函数名(返回的数据);

4.在客户端编写代码

4.1dataType:一定要设置jsonp

4.2jsonp:传递给服务器的参数名.省略的默认callback

4.3jsonCallback:参数名对应的值,表示最终回调的函数名.省略的

jquery:一堆数字

4.4如果直接使用success:function()对jsonpCallback值没有要求。

4.5如果单独编写了一个fu