php - jQuery 从 php json_encode 获取数组

Question

我在 php 中创建了一个数组。我只是想在 jquery 中获取数据

这里是 support.php 中的数组:

$postData = array(
        "error" => $error,
        "successInfo" => $successInfo,
        "email" => $_POST["email"],
        "subject" => $_POST["subject"],
        "description" => $_POST["description"],
);

echo json_encode($postData);

我应该在 javascript 端使用 jquery.getJSON 做什么？

提前致谢!

Answer 1

这在很大程度上取决于你想用它做什么，但这是访问元素键的基本方法。您可以简单地为每个元素键使用点运算符:“data.email”等。

$.ajax({
    type: 'POST',
    url: 'support.php',
    success: function(result) {
        var data = jQuery.parseJSON(result);
        alert(data.email);
    }
});

插入 HTML 元素:

我创建了一个带有 id="landingPad"的 div，并用以下代码替换了警告行:

$('#landingPad').html(data.email);

列出收到的数据:

然后我将我的 div 更改为无序列表:

<ul id="landingPad"></ul>

更改成功函数后，它列出了从 support.php 接收到的所有数据:

$(document).ready(function(){
    $.ajax({
        type: 'POST',
        url: 'support.php',
        success: function(result) {
            var data = jQuery.parseJSON(result);
            $.each(data, function(index, value) {
                $("#landingPad").append("<li>" + value + "</li>");
            });
        }
    });
});

使用 AJAX 数据创建表单元素:

接下来，我创建了以下表单:

<form name="http://example.com/edit_my_values" action="post">
    <div  id="landingPad"></div>
    <input type="submit" name="go" value="Edit Values"/>
</form>

然后通过编辑 AJAX，我用收到的值动态创建了一个表单:

$(document).ready(function(){
    $.ajax({
        type: 'POST',
        url: 'support.php',
        success: function(result) {
            var data = jQuery.parseJSON(result);
            $.each(data, function(index, value) {
                $("#landingPad").append('<input type="input" name="'+index+'" value="'+value+'"/><br/>');
            });
        }
    });
});

将数据插入现有表单:

给定以下形式:

<form name="http://example.com/edit_my_values" action="post">
    <label for="error">Error </label><input type="text" name="error"/><br/>
    <label for="successInfo">Success </label><input type="text" name="successInfo"/><br/>
    <label for="email">Email </label><input type="text" name="email"/><br/>
    <label for="subject">Subject </label><input type="text" name="subject"/><br/>
    <label for="description">Description </label><input type="text" name="description"/><br/>
</form>

您可以使用 AJAX 数据填充您的字段，如下所示:

$(document).ready(function(){
    $.ajax({
        type: 'POST',
        url: 'support.php',
        success: function(result) {
            var data = jQuery.parseJSON(result);
            $.each(data, function(index, value) {
                $('[name='+index+']').val(value);
            });
        }
    });
});