ajax将前端json回传

在前端开发中，我们经常需要将数据从服务器传输到客户端，而传统的方式是通过页面跳转或者重新加载页面来实现数据的刷新。这样虽然可以达到效果，但是用户体验并不好。为了提高用户体验，我们可以使用ajax技术将数据以json格式回传给前端，实现局部刷新。

<code>$.ajax({
        url: 'example.PHP',type: 'GET',dataType: 'json',success: function(data){
            //处理数据
        },error: function(){
            alert('请求失败');
        }
    });</code>

上面的代码我们使用了JQuery的ajax方法，向服务器发送一个GET请求，通过dataType指定了返回的数据类型是json格式。在请求成功后，我们可以在success回调函数中处理服务器返回的数据。

接下来是服务器端返回数据的格式：

<code>{
        "status": 1,"message": "请求成功","data": {
            "name": "张三","age": 20,"gender": "男"
        }
    }</code>

我们可以看到返回的数据是一个json对象，其中包含了一个状态码status、一条消息message和数据data。

在前端处理数据时，我们可以通过点运算符或者方括号访问json对象的属性：

<code>success: function(data){
        console.log(data.status); //1
        console.log(data['message']); //请求成功
        console.log(data.data.name); //张三
    }</code>

通过ajax将前端json回传，不仅可以提高用户体验，还可以降低服务器压力，减少不必要的页面加载。