在前端开发中,经常会遇到需要通过ajax跨域发送json数据的情况。这时候就需要使用一些技巧来解决这个问题。
一般来说,跨域发送json数据需要借助jsonp,但是jsonp只支持get请求。如果需要支持post请求,就需要使用CORS。下面的代码演示了如何通过CORS发送json数据:
$.ajax({ url: 'http://example.com/api/',type: 'POST',crossDomain: true,dataType: 'json',contentType: 'application/json',data: JSON.stringify({name: '张三',age: 18}),success: function(data) { console.log(data); } });
在上面的代码中,我们首先指定了接口地址,然后将crossDomain设置为true,这样就表示该请求是跨域请求。dataType指定了响应数据的类型,contentType指定了发送数据的类型。最后,我们通过JSON.stringify将json对象转换为字符串,然后发送请求。
需要注意的是,在服务端需要设置Access-Control-Allow-Origin头来允许跨域请求:
header('Access-Control-Allow-Origin: *');
通过上面的方法,我们就可以在前端开发中轻松地实现跨域发送json数据了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。