Php 提交表单后更新表单字段
我可以通过AJAX提交表单数据,并在单独的div中显示所有数据 但是如何根据服务器响应使用一些新信息更新表单本身呢 就我而言,我有: 包含许多输入的表单,包括一组复选框 表单中的数据通过jqueryserialize收集,并通过Ajax发送到php脚本。 我需要为选中复选框附近的文本设置特定颜色。 我需要设置的颜色不是客户端,而是基于服务器端脚本Php 提交表单后更新表单字段,php,jquery,ajax,Php,Jquery,Ajax,我可以通过AJAX提交表单数据,并在单独的div中显示所有数据 但是如何根据服务器响应使用一些新信息更新表单本身呢 就我而言,我有: 包含许多输入的表单,包括一组复选框 表单中的数据通过jqueryserialize收集,并通过Ajax发送到php脚本。 我需要为选中复选框附近的文本设置特定颜色。 我需要设置的颜色不是客户端,而是基于服务器端脚本 当需要根据初始表单数据更新表单时,请解释正确的逻辑过程。如果您使用jQuery,您将通过AJAX post/get发送数据,然后从服务器脚本中以您选择
当需要根据初始表单数据更新表单时,请解释正确的逻辑过程。如果您使用jQuery,您将通过AJAX post/get发送数据,然后从服务器脚本中以您选择的纯文本/json/xml格式获得响应。在这种情况下,如果只需要返回颜色代码,可以使用纯文本格式。当您得到响应时,您可以操纵数据
$.post("test.php", $('#form').serialize(),
function(returned_data_from_server_script) {
$('some dom for color').css('color', returned_data_from_server_script);
});
在服务器端,您可以像这样发回一个json编码的变量
echo json_encode( array('text_color', 'green') );
然后,在客户端,您可以在回调函数中访问该变量
$.ajax({
url: 'ajax/test.html',
dataType: 'json',
data: $('yourform').serialize(),
success: function(data) {
var color = data.text_color;
$('yourElement').css('color', color);
}
});
或者,您可以发回一个类并将该类添加到元素中 创建一个小提琴请你的意思是通过注入一个新的JS代码来操作数据,这将改变我需要的任何东西?这是唯一的方法吗?您只需要返回将被操纵的实际数据,在您的情况下,它是彩色的,例如服务器脚本将返回000。然后利用这些数据,你可以做任何你想做的事情,在你的例子中,你可以操纵一些DOM。检查代码示例-在所有返回数据的jQueryAjax方法中都有一个回调。