使用Google浏览器开发者工具学习HTTP请求记录

GET请求

1.Google浏览器开发者工具截图图示

2.General

• Request URL ：为请求链接
• Status Code ：为HTTP响应状态码

3.ResponseHeaders ：响应头

4.Request Headers ：请求头

• 留意请求头内无Content-Type

5.Query String Parameters ：GET 请求参数

---

POST请求（正常表单提交）

1.其他同上

2.Request Headers ：请求头

• 注意Content-Type:application/x-www-form-urlencoded，与其他POST方式做对比

3.Form Data ：post传递的值

• 格式与GET请求一致

---

POST请求（AJAX未指定请求头RequestHeader）

1.其他同上

2.Request Headers ：请求头

• 注意Content-Type:text/plain;charset=UTF-8
• 有些未带charset=UTF-8

3.Request Payload ：post传递的值，Form Data不见了

• 另外格式也与GET请求一致

---

POST请求（JSON传递参数）

1.其他同上

2.Request Payload ：传递的值

• 注意字符串格式为json，与上面3种方式都不同

---

结论

前面3种都与常规方式一样，主要是第4种方式

1. 模拟POST请求传递JSON参数(PHP)

<?php    $url = "http://www.111.com";    $post['vin'] = "12312435";    //$post参数需要json_encode    $json = _curl_post($url, json_encode($post));    //$json为返回值，示例为返回JSON字符串    $data = json_decode($json, true);    //告诉浏览器输出为json字符串    header("Content-Type:application/json; charset=UTF-8");     echo $data['d']['Data'];    function _curl_post($url, $post) {          if ($url) {            //告诉服务端提交的为JSON参数            $header[] = "Content-Type:application/json; charset=UTF-8";             $options = array(                CURLOPT_RETURNTRANSFER => true,                CURLOPT_HTTPHEADER     => $header,                CURLOPT_POST           => 1,                CURLOPT_ENCODING       => 'gzip,deflate',                CURLOPT_POSTFIELDS     => $post            );            $ch = curl_init($url);            curl_setopt_array($ch, $options);            $result = curl_exec($ch);            curl_close($ch);            return $result;        }    }?>

---

2.后端获取请求参数

前面Ajax发送代码（使用jQuery）：

$.ajax({    url: '',    type: 'POST',    contentType: 'application/json; charset=utf-8', // 很重要    traditional: true,    data: JSON.stringify({your json object}), // {"name":"zhangsan", "age": 28}    success: function(res, status, xhr) {        // your code ....    }});

服务端接收代码（java）:

HttpServletRequest req = ...try {    BufferedReader reader = req.getReader();    StringBuilder sb = new StringBuilder();    char[] buff = new char[1024];    int len = -1;    while((len = reader.read(buff)) != -1) {        sb.append(buff, 0, len);    }    reader.close();    // example    System.out.println( sb.toString() ); // {"name":"zhangsan", "age": 28}} catch(IOException e) {    // error}