如何在 PHP 脚本中访问表单数据的各个值,这些值使用 jQuery.ajax() 从 HTML 页面传递


How to access individual values of form data, passed from an HTML page with jQuery.ajax(), inside a PHP script?

我正在将表单数据传递给PHP脚本,以便通过JS(jQuery.ajax())进行处理。

问题是 - 我找不到一种方法来访问 PHP 中的各个表单控件值(例如 $_POST['zipcode'] )。

相反,我只能使用 $_POST['form'] 访问数据,这是一个表示为一个长字符串的完整形式(例如 string(89)"color=red&color=blue&zipcode=12345..." )。

如何访问通过 JS 从 HTML 表单传递的 PHP 脚本中表单数据的各个值?

索引.php(窗体)

 <form id="myform">
    <select name="color" id="color">
    <option value="Red">Red</option>
    <option value="Green">Green</option>
    <option value="Blue">Blue</option>
    </select>
    <input type="text" id="zipcode" name="zipcode" />
    <input type="submit" id="submit" name="submit" value="Submit" />
    </form>

索引.php(JS)

$('#myform').on('submit', function(e) {
                    e.preventDefault();
                    $.ajax({
                        type: 'POST',
                        dataType: 'html',
                        url : 'PHPscript.php',
                        data: {form : $('#myform').serialize()}
                    }).done(function(data) {
                         var myJSONresult = data;
                         alert(myJSONresult);
                    });
                });

PHPscript

<?php
if(isset($_POST["form"])){
$form = $_POST["form"];
$myzipcode = $_POST['zipcode']; // won't work; will be null or empty
echo json_encode($form);
}
?>

编辑邮政编码字段:

$("#zipcode").focus(function(){
                    if(this.value == "zipcode"){
                        $(this).val("");
                    }
                }).blur(function(){
                    if(this.value == ""){
                        $(this).val("zipcode");
                    }
                });

您需要在表单数据上使用 serializeArray() 而不是序列化。 这将作为数组提交。

data: $('#myform').serializeArray()

.HTML

<input type="hidden" name="action" value="submit" />

.PHP

if(isset($_POST["action"]))
{
    //code
}

dataType: 'json'添加到 ajax 处理程序中,并进一步修改代码,如下所示:

$.ajax({
    type: 'POST',
    dataType: 'json', // changed to json
    url : 'PHPscript.php',
    data: {form : $('#myform').serialize()},
    success : function(data){ // added success handler
     var myJSONresult = data;
     alert(myJSONresult.yourFieldName);
    }
});

将传统设置为真,就像

$.ajax({
traditional:true,
//your rest of the ajax code
});

在 PHP 端,您正在获得值 精细 问题出在表单序列化端