Question

我用Ajax请求数据，但是老不成功。提示如下图：然后下面是代码。

$(function(){ classify();});function classify(){ var pageindex=$('.page').val(); var pagesize = 10; $.ajax({ type:'post', dataType:'json', data:'pageindex='+pageindex+'&pagesize='+pagesize, url:hosturl+'/interface/ShopTypeinterface/ShopType', success:function(classifyCount){ var classifys = eval("("+classifyCount+")"); if(classifys.code==1){ leftclassify(classifys.data.leftlist); rightclassify(classifys.data.rightlist); }else{ alert(classifys.msg); } } });}
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

提示信息是这样的

Answer 1

首先你先要确定到底收到数据没。

所以第一步，你先去到dataType，在success的回调函数这么写

success: function(info) {    console.log(info);}

把收到的数据打印到控制台，在控制台里看有没有接收到数据，如果打印出了字符串，证明你接受是没有问题的。如果收不到，就在接收上查查。

排除了接收问题的话，就检查数据。

你的JSON是怎么拼的？是用现成的库还是直接拼的字符串？如果直接拼接的字符串的话，我感觉你的数据格式是有问题的

按照JSON格式的定义，像totalCount虽然是key，不过是string，所以应该用双引号包裹，写成"totalCount":10 （数字可以不用包裹）

1. Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

2. 使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户！核心对象XMLHTTPRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。
   

Answer 2

你是不是地址的路径写错了，图片看不清，你仔细看看你的路径把

追问

路径没有错哈。你看一下我补充的问题的那个提示嘛

追答

跨域禁止访问！在请求的java方法中加入ServletActionContext.getResponse().setHeader("Access-Control-Allow-Origin", "*");试试看或者ajax 里面的dataType 设置为jsonp

追问

ServletActionContext.getResponse().setHeader("Access-Control-Allow-Origin", "*");

这个是加在后台的里面吗。。。我Ajax里面json改为了jsonp，而且post改成get方式才行。。。而且就算这样改了能获取数据成功但还是没办法反馈到我的页面里面来。我的前端页面页面显示不了，是因为后台没改的原因吗。