ajax向服务器发送JSON数据包和接收

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;