jquery ajax访问服务时 浏览器调试界面提示 No 'Access-Control-Allow-Origin'
header is
意思未跨域问题,禁止访问通过。虽然向服务器提交的数据传递到了服务端,但是没法返回
。
为解决这个问题,我们可以修改被访问方法的header设置;
例如java servlet====================
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
resp.setHeader("Access-Control-Allow-Origin", "*");
String name = req.getParameter("name");
User u = new User();
u.setName(name);
List<Object> list = new ArrayList<Object>();
list.add(u);
JSONArray arr = new JSONArray(list);
Writer w = resp.getWriter();
// resp.getWriter().write("name:"+name);//.println
("name:"+name);
w.write(arr.toJSONString());
}
例如php====================
<?php
$ret = array(
'name' => isset($_POST['name'])? $_POST['name'] : '',
'gender' => isset($_POST['gender'])? $_POST['gender'] : ''
);
header('content-type:application:json;charset=utf8');
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Headers:x-requested-with,content-type');
echo json_encode($ret);
?>
thinkphp====================
public function insert($name){
header('Access-Control-Allow-Origin:*');
echo "name:".$name;
}
再来访问网址的时候,就OK了。
另外ajax访问时,方法中设置的返回类型dataType: 'json' ,在1.4及以上版本的jquery中
,
返回的数据严格必须为json,如果返回的不是json格式,就会报错。因此这里是非常重要的
,可以用在线json来校验下,是否正确的json格式,其他未试验。
附带 html代码:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.2.1.min.js"></script>
<script>
$(function() {
$("button").click(function() {
$("#info").load("test.txt");
//var url =
"http://127.0.0.1:8080/javawebtest/test?name=sbbc";
var url =
"http://localhost:85/ezapi/public/Data/insert/name/demos";
$.ajax({
type: 'POST',
url: url,
async: false,
success: function(data) {
alert(JSON.stringify
(data));
},
error: function(XMLHttpRequest,
textStatus, errorThrown) {
alert
(XMLHttpRequest.status);
alert
(XMLHttpRequest.readyState);
alert(textStatus);
},
dataType: 'text'
});
})
})
function success(data) {
alert("data");
}
</script>
</head>
<body>
<button id="post">POST</button>
<div id="info"></div>
</body>
</html>
<!--
readyState表示XMLHttpRequest对象的处理状态:
0:XMLHttpRequest对象还没有完成初始化。(准备司机、车、货物)
1:XMLHttpRequest对象开始发送请求。(需要送十车货物,当前正在送第几车)
2:XMLHttpRequest对象的请求发送完成。(十车货送完毕)
3:XMLHttpRequest对象开始读取服务器的响应。(准备把这十车加工的货拉回来,当前第几
车)
4:XMLHttpRequest对象读取服务器响应结束。(十车货全部拉回完毕)
readyState表示XMLHttpRequest对象的处理状态:
0:XMLHttpRequest对象还没有完成初始化。(准备司机、车、货物)
1:XMLHttpRequest对象开始发送请求。(需要送十车货物,当前正在送第几车)
2:XMLHttpRequest对象的请求发送完成。(十车货送完毕)
3:XMLHttpRequest对象开始读取服务器的响应。(准备把这十车加工的货拉回来,当前第几
车)
4:XMLHttpRequest对象读取服务器响应结束。(十车货全部拉回完毕)
status状态:
1xx:信息响应类,表示接收到请求并且继续处理。(所有拉去的货,工厂还没有加工完毕)
2xx:处理成功响应类,表示动作被成功接收、理解和接受。。(所有拉去的货工厂全部加工
完毕)
3xx:重定向响应类,为了完成指定的动作,必须接受进一步处理 。(所有拉去的货,工厂设
备不够,让其他工厂帮忙加工)
4xx:客户端错误,客户请求包含语法错误或者是不能正确执行 。(这十车货有质量问题,工
厂不能正常加工)
5xx:服务端错误,服务器不能正确执行一个正确的请求。(工厂在加工到一半过程中断电,
不能继续加工)
1xx:信息响应类,表示接收到请求并且继续处理。(所有拉去的货,工厂还没有加工完毕)
2xx:处理成功响应类,表示动作被成功接收、理解和接受。。(所有拉去的货工厂全部加工
完毕)
3xx:重定向响应类,为了完成指定的动作,必须接受进一步处理 。(所有拉去的货,工厂设
备不够,让其他工厂帮忙加工)
4xx:客户端错误,客户请求包含语法错误或者是不能正确执行 。(这十车货有质量问题,工
厂不能正常加工)
5xx:服务端错误,服务器不能正确执行一个正确的请求。(工厂在加工到一半过程中断电,
不能继续加工)
-->
header is
意思未跨域问题,禁止访问通过。虽然向服务器提交的数据传递到了服务端,但是没法返回
。
为解决这个问题,我们可以修改被访问方法的header设置;
例如java servlet====================
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
resp.setHeader("Access-Control-Allow-Origin", "*");
String name = req.getParameter("name");
User u = new User();
u.setName(name);
List<Object> list = new ArrayList<Object>();
list.add(u);
JSONArray arr = new JSONArray(list);
Writer w = resp.getWriter();
// resp.getWriter().write("name:"+name);//.println
("name:"+name);
w.write(arr.toJSONString());
}
例如php====================
<?php
$ret = array(
'name' => isset($_POST['name'])? $_POST['name'] : '',
'gender' => isset($_POST['gender'])? $_POST['gender'] : ''
);
header('content-type:application:json;charset=utf8');
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Headers:x-requested-with,content-type');
echo json_encode($ret);
?>
thinkphp====================
public function insert($name){
header('Access-Control-Allow-Origin:*');
echo "name:".$name;
}
再来访问网址的时候,就OK了。
另外ajax访问时,方法中设置的返回类型dataType: 'json' ,在1.4及以上版本的jquery中
,
返回的数据严格必须为json,如果返回的不是json格式,就会报错。因此这里是非常重要的
,可以用在线json来校验下,是否正确的json格式,其他未试验。
附带 html代码:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.2.1.min.js"></script>
<script>
$(function() {
$("button").click(function() {
$("#info").load("test.txt");
//var url =
"http://127.0.0.1:8080/javawebtest/test?name=sbbc";
var url =
"http://localhost:85/ezapi/public/Data/insert/name/demos";
$.ajax({
type: 'POST',
url: url,
async: false,
success: function(data) {
alert(JSON.stringify
(data));
},
error: function(XMLHttpRequest,
textStatus, errorThrown) {
alert
(XMLHttpRequest.status);
alert
(XMLHttpRequest.readyState);
alert(textStatus);
},
dataType: 'text'
});
})
})
function success(data) {
alert("data");
}
</script>
</head>
<body>
<button id="post">POST</button>
<div id="info"></div>
</body>
</html>
<!--
readyState表示XMLHttpRequest对象的处理状态:
0:XMLHttpRequest对象还没有完成初始化。(准备司机、车、货物)
1:XMLHttpRequest对象开始发送请求。(需要送十车货物,当前正在送第几车)
2:XMLHttpRequest对象的请求发送完成。(十车货送完毕)
3:XMLHttpRequest对象开始读取服务器的响应。(准备把这十车加工的货拉回来,当前第几
车)
4:XMLHttpRequest对象读取服务器响应结束。(十车货全部拉回完毕)
readyState表示XMLHttpRequest对象的处理状态:
0:XMLHttpRequest对象还没有完成初始化。(准备司机、车、货物)
1:XMLHttpRequest对象开始发送请求。(需要送十车货物,当前正在送第几车)
2:XMLHttpRequest对象的请求发送完成。(十车货送完毕)
3:XMLHttpRequest对象开始读取服务器的响应。(准备把这十车加工的货拉回来,当前第几
车)
4:XMLHttpRequest对象读取服务器响应结束。(十车货全部拉回完毕)
status状态:
1xx:信息响应类,表示接收到请求并且继续处理。(所有拉去的货,工厂还没有加工完毕)
2xx:处理成功响应类,表示动作被成功接收、理解和接受。。(所有拉去的货工厂全部加工
完毕)
3xx:重定向响应类,为了完成指定的动作,必须接受进一步处理 。(所有拉去的货,工厂设
备不够,让其他工厂帮忙加工)
4xx:客户端错误,客户请求包含语法错误或者是不能正确执行 。(这十车货有质量问题,工
厂不能正常加工)
5xx:服务端错误,服务器不能正确执行一个正确的请求。(工厂在加工到一半过程中断电,
不能继续加工)
1xx:信息响应类,表示接收到请求并且继续处理。(所有拉去的货,工厂还没有加工完毕)
2xx:处理成功响应类,表示动作被成功接收、理解和接受。。(所有拉去的货工厂全部加工
完毕)
3xx:重定向响应类,为了完成指定的动作,必须接受进一步处理 。(所有拉去的货,工厂设
备不够,让其他工厂帮忙加工)
4xx:客户端错误,客户请求包含语法错误或者是不能正确执行 。(这十车货有质量问题,工
厂不能正常加工)
5xx:服务端错误,服务器不能正确执行一个正确的请求。(工厂在加工到一半过程中断电,
不能继续加工)
-->