jquery ajax请求相关遇到的问题记录

最新推荐文章于 2024-07-14 16:37:30 发布

wuxuecheng2014

最新推荐文章于 2024-07-14 16:37:30 发布

阅读量307

点赞数 1

分类专栏： jquery 文章标签： ajax jquery 跨域问题

本文链接：https://blog.csdn.net/wuxuecheng2014/article/details/73379676

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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>

wuxuecheng2014

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery ajax请求相关遇到的问题记录

jquery ajax访问服务时浏览器调试界面提示 No 'Access-Control-Allow-Origin' header is意思未跨域问题，禁止访问通过。虽然向服务器提交的数据传递到了服务端，但是没法返回。为解决这个问题，我们可以修改被访问方法的header设置；例如java ser
复制链接

扫一扫