Ajax学习：服务端响应Json格式数据的请求

在服务器端，我们可以使用Python的Flask框架来创建一个简单的服务，该服务接收Ajax请求并响应JSON格式的数据。

首先，我们需要安装Flask：

pip install Flask

然后，我们可以创建一个简单的服务器：

from flask import Flask, jsonify
 
app = Flask(__name__)
 
@app.route('/get_data', methods=['GET'])
def get_data():
    response_data = {
        'name': 'John Doe',
        'age': 30,
        'email': 'john@example.com'
    }
    return jsonify(response_data)
 
if __name__ == '__main__':
    app.run(debug=True)

在这个例子中，当客户端向/get_data发送GET请求时，服务器会返回一个JSON对象，包含name、age和email字段。

在客户端，我们可以使用JavaScript的XMLHttpRequest对象或者现代的fetchAPI来发送Ajax请求并处理响应的JSON数据。

使用XMLHttpRequest的例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/get_data', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var response = JSON.parse(xhr.responseText);
        console.log(response);
        // 处理response数据
    }
};
xhr.send();

使用fetchAPI的例子：

fetch('/get_data')
  .then(response => response.json())
  .then(data => {
    console.log(data);
    // 处理data数据
  })
  .catch(error => console.error('Error:', error));

以上两个JavaScript示例都演示了如何发送Ajax请求到服务器端的/get_data路由，并在成功获取响应后处理JSON格式的数据。