PHP 通过 JSON/Ajax 返回值

Question

我目前正在开发 PHP CMS，并且陷入了进退两难的境地，即 CSS 和 AJAX。我试图解决的问题是如何让 AJAX/JSON 和 PHP 返回可以填充到表单中的值。

在我的其中一个页面上，我有一个带有选择列表的表单。当用户从列表中选择一个选项时，AJAX 脚本会请求 PHP 文件的响应，该文件将结果输出回浏览器。这工作正常。

然而，Jquery/CSS 不会在返回结果中设置特定元素的样式，例如复选框。

我想做的是向用户呈现一个表单，顶部有一个选择菜单，下面有空的输入字段。当他们从菜单中选择一个选项时，下面的表单字段将填充返回数据。表单本身由文本字段、文本区域和选择列表组成，我想让它们中的每一个都更新它们的值以匹配相应的返回数据。

首先……这可能吗？

其次...如果是的话，您能否为我指明程序语法流程的正确方向，或者我可以研究的示例脚本。

提前致谢。

Answer 1

是的，有可能，而且实施起来并不困难。假设您的 HTML 看起来像这样（这显然很难看;)）：

<select id="update">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>    
</select>
<form action="#" method="POST">
    <label for="txt">Text:</label><input type="text" id="txt"/><br/>
    <label for="sel">Select:</label><select id="sel"></select><br/>
    <label for="txta">TextArea:</label><textarea id="txta"></textarea><br/>
</form>

您可以编写一个快速 jQuery ajax 请求，在 success 响应上填充表单数据，如下所示：

$(document).ready(function(){
    $('#update').change(function(){
        $.ajax({
            url: '/echo/json/',
            dataType: 'json',
            type: 'POST',
            data: {
                'json': $('#update').val()
                  },
            success: function(data){
                $('#txt').val(data);
                $('#sel option').remove();
                $('#sel').append($('<option></option>').attr('value', data).text(data));
                $('#txta').val(data);
            }
        });
    });
});

在此处进行操作

注意，您的脚本将依赖于您正在将数据推送到（例如示例中输入文本、文本区域和选择之间的差异）。

Answer 2

解决方案很简单：

1. 将所有 onload/domready 功能存储在一个新函数中（pimpHTML 或其他函数）。
2. 运行 onload/ondomready >复选框等样式
3. 在每次 dom 更改后运行它（半自动）

.3。没那么难。只需创建一个函数 setHtml(obj, html) （或其他东西），将响应 HTML 插入节点，然后重做 pimpHTML

prep:

function pimpHTML() {
  // checkboxes
  // radiobuttons
  // ajax links
  // etc
}
$(pimpHTML); // or $(documemt).ready(pimpHTML);
function setHtml(obj, html) {
  obj.html(html);
  pimpHTML();
}

semi-inline:

var obj = ...; // form or messagebox or something
$.post('/', function(rsp) {
  setHtml(obj, rsp);
});

显然还没有完成像这样，你必须自己改进和指定它。