如何在PHP中读取XmlHttpRequest PUT请求的值

Question

The idea is to send a from via a PUT request like this :

    var oData = new FormData(document.getElementById("editPostForm"));

    var oReq = new XMLHttpRequest();
    oReq.open("PUT", "http://localhost/cms1/api2.php?type=post", true);
    oReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    oReq.onload = function(oEvent) {
        if (oReq.status == 200) {
            //postSaved();
            console.log(oReq.responseText);
        } else {
            console.log("Error " + oReq.status + " occurred uploading your file.<br \/>");
        }
    };

    oReq.send(oData);

This seems to be working. The next part is catching oData on the serverside with this.

    switch($_SERVER['REQUEST_METHOD']):
        case "PUT":
        header('HTTP/1.1 201 Created');
        global $data;
        parse_str(file_get_contents("php://input"),$post_vars);
            switch($_GET['type']):
                case "post":
                    //$data['post'] = $post->editPost($post_vars);
                    break;
                case "comment":
                    //$data['comment'] = $comment->editComment($post_vars);
                    break;
            endswitch;
        //echo json_encode($data);
        echo json_encode($post_vars);//used for testing right now
        exit();
        break;
    endswitch;

For testing purposes i json_encoded the $post_vars which gives me the following output in chrome console :

Array
(
[------WebKitFormBoundaryRyXIibrT3VkbWXMz
Content-Disposition:_form-data;_name] => "post_id"
52

------WebKitFormBoundaryRyXIibrT3VkbWXMz
Content-Disposition: form-data; name="post_type"
car stolen

------WebKitFormBoundaryRyXIibrT3VkbWXMz
Content-Disposition: form-data; name="post_location"
somnsomnsomn

------WebKitFormBoundaryRyXIibrT3VkbWXMz
Content-Disposition: form-data; name="upload"; filename=""
Content-Type: application/octet-stream


------WebKitFormBoundaryRyXIibrT3VkbWXMz
Content-Disposition: form-data; name="post_message"


<p>cant figure this out</p>
------WebKitFormBoundaryRyXIibrT3VkbWXMz--

)

The problem is when i want to get the value of the array like $post_vars['post_id'] i get the following error

<b>Notice</b>:  Undefined index: post_id in <b>G:\server\htdocs\cms1\api2.php</b> on line <b>67</b>

I don't know if this is because of the FormDataObject, or the way i make the XMLHTTPRequest, or even the my (sort of) api is handling the requests.

My question is:

• is there a way so make the XMLHTTPRequest in a way so I can use the keys to get the values out of the array in php (like $post_vars['key'])
• if there is no such way, how can I get the values out of the $post_vars array?

I experience no problems when I use a "GET" or "POST" request or when I use curls.

ps.if somebody has a better idea, i'm open for that. jQuery ajax doens't accept formData and the jquery.ajax.plugin uses the same FormdataObject method I'm using so... please don't just post jQuery and flee the scene...

Answer 1

Instead of print_r($post_vars) use echo json_encode($post_vars); .

Then in your javascript you want to var response = JSON.parse(oReq.responseText);

After that you should be able to reference fields in the response variable. response.post_id

Edit:

This would be a lot easier with JQuery. Can you include the library? Then add this code:

$.post(
    "http://localhost/cms1/api2.php?type=post",
    $("#editPostForm").serialize(),
    function(data){
        console.log(data);
    }, "json");
);