表单如何发送json数据
时间: 2024-05-18 22:10:42 浏览: 141
要发送JSON数据,需要将请求头(header)中的Content-Type设置为application/json,这样服务器才能正确解析请求主体中的JSON数据。以下是使用jQuery.ajax()函数发送JSON数据的示例代码:
```javascript
$.ajax({
url: 'http://example.com/api',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({
key1: 'value1',
key2: 'value2'
}),
success: function(response) {
console.log(response);
},
error: function(jqXHR, textStatus, errorThrown) {
console.error(textStatus, errorThrown);
}
});
```
在上面的示例中,我们将请求的Content-Type设置为application/json,然后使用JSON.stringify()函数将JavaScript对象打包成JSON字符串,作为请求主体发送到服务器。在请求成功后,我们可以在success回调函数中获取服务器响应的数据。
注意,由于浏览器的安全限制,如果请求的目标地址与当前页面不在同一域名下,则需要处理跨域请求的问题。可以使用JSONP、CORS等技术解决跨域请求的问题。
阅读全文