jquery传递json,jquery jsonp：代码示例

温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！

jQuery传递JSON是指使用jQuery库中的AJAX方法向服务器发送JSON格式的数据。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端之间的数据传输。

jQuery提供了多个方法来发送JSON数据，其中最常用的是$.ajax()方法。在发送请求时，我们可以将JSON数据作为参数传递给$.ajax()方法的data选项。服务器接收到JSON数据后，可以使用后端语言（如PHP、Java等）将其解析为对象或数组进行处理。

下面是一个示例代码，通过$.ajax()方法向服务器发送JSON数据：


var jsonData = {
  name: "John",
  age: 25,
  city: "New York"
};
$.ajax({
  url: "example.php",
  method: "POST",
  data: JSON.stringify(jsonData),
  contentType: "application/json",
  success: function(response) {
    console.log(response);
  }
});

在上述代码中，我们定义了一个名为jsonData的JSON对象，它包含了姓名、年龄和城市等属性。然后，我们使用JSON.stringify()方法将该JSON对象转换为字符串，并将其作为data选项的值传递给$.ajax()方法。

接下来，我们设置了请求的URL和请求方法。在这个例子中，我们将请求发送到名为example.php的服务器端文件，并使用POST方法进行提交。

为了告诉服务器我们发送的是JSON数据，我们设置了contentType选项为"application/json"。

我们定义了一个成功回调函数，用于处理服务器返回的响应数据。在这个例子中，我们简单地将响应数据打印到控制台上。

除了使用$.ajax()方法，jQuery还提供了其他方法，如$.post()和$.getJSON()，它们也可以用于发送JSON数据。

jQuery还提供了JSONP（JSON with Padding）的支持。JSONP是一种跨域数据请求的方式，它通过动态创建<script>标签来实现数据的传递。JSONP的使用方法与普通的AJAX请求类似，只需将dataType选项设置为"jsonp"即可。

以下是一个使用JSONP的示例代码：


$.ajax({
  url: "http://example.com/api",
  dataType: "jsonp",
  success: function(response) {
    console.log(response);
  }
});

在这个例子中，我们向名为http://example.com/api的API发送一个JSONP请求。通过将dataType选项设置为"jsonp"，jQuery会自动将请求转换为JSONP格式，并通过动态创建<script>标签来获取数据。

当服务器返回数据时，jQuery会调用成功回调函数，并将响应数据作为参数传递给该函数。在这个例子中，我们简单地将响应数据打印到控制台上。

jquery传递json,jquery jsonp：代码示例

相关阅读