ajax向服务器发送JSON数据包和接收
(现在来还当初欠下来的博客文章啦,毕竟在做大作业的时候遇到蛮多很经典的问题,记下来方便自己以后查阅,好记性不如烂笔头嘛。)
在进行前后端交互的时候,才意识到要前后端分离。在这时,如何进行前后端数据交互就成为了难题,焦头烂额了两三天。最后得到ajax同/异步传数据的方法,并成功应用。
AJAX 是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分。可采用如下方式:
$.ajax({
type: "POST",
url: "/views/log_out",//后端给前端提供发送请求的URL
contentType: "application/json; charset=utf-8",
data: JSON.stringify({"eventType":"1"}),//json数据包
dataType: "json",//预期的服务器响应的数据类型。
success: function (data) {//回调函数
if(data.status=='success'){
window.location.href="index.html";//页面跳转可添加参数
}
else console.log("error");
},
error: function (xhr,error) {
console.log("index.fail");
}
});
其中JSON.stringify() 方法将 JavaScript 对象转换为字符串。
JSON.parse() 方法将数据转换为 JavaScript 对象。
JSON数据包格式:{“eventType”:”1”}
JSON 对象使用在大括号({})中书写。
对象可以包含多个 key/value(键/值)对。
key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。
key 和 value 中使用冒号(:)分割。
每个 key/value 对使用逗号(,)分割。
访问对象值
你可以使用点号(.)来访问对象的值:
var data={"eventType":"1"};
var x;
x=data.eventType;