$.ajax json数据传递方法

$.ajax是jQuery中用于进行异步数据请求的函数，在web开发中使用广泛。其中，下面的攻略讲解$.ajax json数据传递方法的使用。

1. $.ajax方法的基本语法

$.ajax({
    url: "/example",
    method: "GET",
    data: {}, // 数据参数
    dataType: "json",
    success: function(result){
        console.log(result);
    },
    error: function(err){
        console.log(err);
    }
});

在上面的代码中，我们通过设置url、请求方式method、请求参数data、响应数据格式dataType等参数，向指定的服务器端资源发出了异步请求。当请求成功时，会打印返回的数据到控制台中。

2. 示例一：从服务器端获取JSON数据

下面是一个简单的例子，演示了如何使用$.ajax从服务器端获取JSON格式的数据：

$.ajax({
    url: "/example",
    dataType: "json",
    success: function(result){
        console.log(result);
    },
    error: function(err){
        console.log(err);
    }
});

在上面的代码中，我们通过设置url、请求方式、响应数据格式等参数，向服务器端发出GET请求，请求数据格式为JSON。当请求成功时，打印返回的JSON数据到控制台中。

3. 示例二：向服务器端发送JSON格式数据

下面是示例代码，演示了如何使用$.ajax向服务器端发送JSON格式的数据：

var sendData = { "name": "John", "age": 30 };
$.ajax({
    url: "/example",
    method: "POST",
    data: JSON.stringify(sendData),
    contentType: "application/json",
    success: function(result){
        console.log(result);
    },
    error: function(err){
        console.log(err);
    }
});

在上面的代码中，我们创建一个名为sendData的JSON格式数据对象，并通过$.ajax方法向服务器端发送POST请求。由于要发送的数据是JSON格式的，我们需要将sendData对象转换成字符串，并设置请求内容类型为"application/json"。当请求成功时，打印返回的JSON数据到控制台中。

以上就是关于$.ajax json数据传递方法的完整攻略，希望可以对你有所帮助。