0

我需要在我的网站上添加一个小表单。我希望用户能够使用 jQuery 的 $.ajax() 提交表单,并通过使用类突出显示无效字段来显示错误。我在我的服务器上使用 PHP 使用 cURL 将数据提交到第三方服务器,该服务器以 JSON 格式返回响应。

如果服务器发回一条成功消息,我需要用成功消息替换小表单所在的 HTML,并显示一些用户可以再次提交的附加字段。

我对是否应该以 JSON 格式或 HTML 格式发回响应感到困惑?第二个表单需要包含可以包含在表单提交中的某种数据,以便服务器知道要更新哪个记录。

如果我以 HTML 格式发回响应,如何向每个 INPUT 字段添加一个类?如果我以 JSON 格式发回,如何显示带有附加字段的表单的 HTML?

4

2 回答 2

1

我要做的是发回 json 响应。您可以使用 javascript 检查响应并呈现适当的内容。您可以使用类型为“文本/模板”的脚本标记存储任何 html 以供以后在页面上使用。

HTML
<script id="response-form" type="text/template">
<div>
<span></span>
<form>
<input ... />
</form>
</div>

.

JQuery
if (success)
$('originalContentElem').html($('#response-form').html())

您可以在此处阅读有关模板的更多信息: <script type = "text/template"> ... </script> 的说明

于 2012-08-29T17:03:30.930 回答
0

好吧,由于您使用的是 jQuery,您可以将响应发送回 HTML,然后创建一个 jQuery 对象来添加类:

var html = $(responseHTML);

html.find('input').addClass('yourClass');
于 2012-08-29T17:02:18.463 回答