使用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
}