Jquery是一種流行的JavaScript庫,可以方便快捷地處理HTML文檔,執(zhí)行特效以及Ajax請求。而實現(xiàn)Ajax請求時,Jquery提供了很強(qiáng)大的JSON封裝功能,可以使我們簡單地完成數(shù)據(jù)的傳遞。
$.ajax({ type: "POST", url: "/example.php", data: { id: "1", name: "John" }, dataType: "json", success: function(data){ //處理成功返回結(jié)果 }, error: function(xhr){ //處理失敗返回的信息 } });
以上代碼中,我們使用$.ajax方法發(fā)起了一個POST請求,請求的地址為/example.php。data對象是需要傳遞給服務(wù)器的數(shù)據(jù),dataType可以指定服務(wù)器返回的數(shù)據(jù)類型,success和error表示成功或失敗后應(yīng)該做什么。這個請求將使用JSON格式傳輸數(shù)據(jù)。
在服務(wù)器端輸出JSON數(shù)據(jù):
header('Content-Type: application/json'); echo json_encode(array('result' =>$result));
我們使用json_encode方法對數(shù)組進(jìn)行編碼后輸出。這里為了演示方便,我們只傳遞了一個鍵名為result的值。
在前端接收到這個JSON數(shù)據(jù)之后,可以輕松地進(jìn)行處理,如:
success: function(data){ console.log(data.result); }
以上代碼就表示我們將傳遞回來的JSON數(shù)據(jù)中result的值輸出到控制臺中。
通過Jquery的JSON封裝,我們可以更有效地進(jìn)行JSON數(shù)據(jù)傳遞,簡單地完成前后端的數(shù)據(jù)交互。