AJAX是一种实现异步通信的技术,最常见的就是使用XMLHttpRequest对象来发送请求。当然,除了发送简单的文本信息之外,还可以使用JSON格式的数据来发送请求,并在前端页面进行响应处理。
// 使用jQuery的ajax方法发送一个POST请求,参数为JSON格式 $.ajax({ url: '/path/to/server',type: 'POST',dataType: 'json',contentType: 'application/json',data: JSON.stringify({ 'username': 'admin','password': '123456' }),success: function(data) { console.log('服务器返回的数据:' + JSON.stringify(data)); },error: function(xhr,status,error) { console.error('请求失败:' + error); } });
如上所示,使用$.ajax方法发送一个POST请求时,必须设置dataType为'json',contentType为'application/json'。同时,将要发送的数据序列化为JSON字符串后,赋值给data参数。然后在响应处理函数中,可以通过data参数获取服务器返回的JSON格式数据。
需要注意,不同后端语言的JSON解析方式也不尽相同,前端发送的JSON数据地雷区较多,例如:
因此在发送前端请求时,需要仔细核对JSON数据是否符合标准格式,以避免不必要的麻烦。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。