【汇智学堂】jeesite发布json数据接口，ajax跨域调用的方法

首先，我们需要让登录接口可以跨域调用，登录之后才能获取其他数据，不然会有权限拦截，提示未登录。

在jeesite中，官方文档中有关于登录接口的调用方法。如下图：

调用链接：

http://127.0.0.1:8980/js/a/login?__login=true&__ajax=json&username=F3EDC7D2C193E0B8DCF554C726719ED2&password=235880C505ACCDA5C581A4F4CDB81DA0

 

我们可以在浏览器中试一下：

接下来有很重要的一点，@CrossOrigin 具体位置如下：

 

该注解添加之后，该controller下所有的方法才可以跨域调用。而且，必须指明请求方法，如：

method = RequestMethod.GET。

 

接下来测试跨域，我这里使用的是Hbuilder，端口不一样，所以可以测试。

html+js代码如下：

	
		
		
	
	
	
	
	
		
		
		---sid
		

			

				
姓名
				
年纪
				
出生日期
				
电话
				
目前待遇
				
期望
				
申请职位
			
			

				
data.name
				
Data
				
Data
				
Data
				
Data
				
Data
				
Data
			
		
	

 

这里需要引入js。

 

我设置的服务器端口为9999，hbuilder端口为8020，跨域调用成功。

 

点击登录登录成功，我把sessionid获取到放到一个文本框中。

在请求数据的时候，吧sessionid带上，相当于一个令牌。这时候服务器知道你已经登录了，不会进行拦截。

请求数据返回结果如下：

 

渲染到页面上，效果如下：

 

这里如何返回json数据官方文档也有说明：

 

 

跨域问题解决了，就可以实现前后台分离，或者app后台接口开发了。用了两天，jeesite确实挺爽。

有问题欢迎大家指正。