微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax如何返回一个json

AJAX即Asynchronous JavaScript and XML,是一种在前端通过JavaScript发送请求和接收响应的技术。其中,XML一直是作为AJAX中响应的格式,但随着JSON的流行,越来越多的AJAX响应格式采用了JSON。接下来我们将讨论如何返回一个JSON响应。

// 客户端发送请求
var xhr = new XMLHttpRequest();
xhr.open('GET','/example.json',true);
xhr.responseType = 'json';
xhr.onload = function() {
  if(xhr.status === 200) {
    console.log(xhr.response);
  }
};
xhr.send();

ajax如何返回一个json

注意,我们需要设置xhr.responseType为'json',这样浏览器才能自动将响应转换为JSON对象。在服务器端,我们需要返回一个JSON格式的对象。

// Node.js服务器端代码
var http = require('http');
var server = http.createServer(function(req,res) {
  res.setHeader('Content-Type','application/json');
  res.end(JSON.stringify({ message: 'Hello World' }));
});
server.listen(3000);

如上所示,我们可以使用Node.js创建一个HTTP服务器。当接受到客户端发送的请求时,返回一个JSON对象。使用JSON.stringify将对象转换为JSON字符串,通过设置响应头Content-Type为application/json,浏览器可以自动解析响应,并转换为JSON对象。

总之,ajax返回JSON其实非常简单,只需要设置好请求和响应的格式即可。而JSON也很容易理解和解析,因此越来越多的AJAX接口采用了JSON响应。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐