Требуется помощь при отправке json на php-сервер методом POST

Question

Я пытаюсь отправить данные json из HTML-формы обратно на php-сервер методом POST. Вот мой код Идет сбой блока в функции обратного вызова. Консоль Firebug (Ctrl + Shift + J) не отображает ошибки.

<script> 
function ADDLISITEM(form)
{ 
var options = form.txtInput.value;
options = JSON.stringify(options);
var url = "conn_mysql.php"
var request = null;
request = new XMLHttpRequest();
request.open("POST", url, true);
request.onreadystatechange = function(){
    if (request.readyState == 4) {
            if (request.status == 200) {
                alert(request.responseText);
        } else {
            alert(request.status); 
        }
    }
}
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send("options=" + encodeURIComponent(options).replace(/%20/g, '+'));
}
</script>

conn_mysql.php

<?php  
    $json = $_POST['options'];
    $options = json_decode($json);
    $username = "user";  
    $password = "********";  
    $hostname = "localhost";  
    $dbh = mysql_connect($hostname, $username, $password) or die("Unable to 
    connect to MySQL");  
    $selected = mysql_select_db("spec",$dbh) or die("Could not select first_test");
    $query1 = "INSERT INTO user_spec (options) VALUES ('$options')";
    mysql_query($query1);
    //if(!mysql_query($query1, $dbh))
    //{die('error:' .mysql_error());} echo'success';
    $query = "SELECT * FROM user_spec";  
    $result=mysql_query($query);     
    $outArray = array(); 
     if ($result)
     { 
       while ($row = mysql_fetch_assoc($result)) $outArray[] = $row; 
     } 
      echo json_encode($outArray);
?> 

Answer 1

Ваш запрос показывает "сбой", потому что функция onreadystatechange вызывается несколько раз с разными readyState с. Вот улучшенная версия с лучшим отступом:

request.onreadystatechange = function(){
    if (request.readyState == 4) {
        if (request.status == 200) {
            alert('http.responseText');
        } else {
            alert('fail'); // fails here
        }
    }
}

Вы должны проверять status только тогда, когда readyState достиг 4.

Кроме того, при назначении параметров URL-адресу, вы должны использовать encodeURIComponent для правильного кодирования параметров (например, при отправке & в значении, которое анализатор думает, что оно отмечает начало нового пара ключ / значение). А при использовании POST в качестве метода вы должны изменить все экземпляры %20 на + в соответствии со спецификацией и отправлять ваши данные в качестве параметра в функцию send и не объединять их с URL:

var url = "conn_sql.php";
…
request.send("options=" + encodeURIComponent(options).replace(/%20/g, '+'));

ОБНОВЛЕНИЕ: Чтобы обработать отправленную строку в PHP, используйте json_decode, например ::

<?php
    $json = $_POST['options'];
    $options = json_decode($json);
    // now $options contains a PHP object
?>

(также см. Как декодировать строку JSON )