Question

我已经制作了一个应用程序，可以将文本转换为图像格式及其锻炼效果。现在我想要json响应，当我填写html页面的形式时，我的html页面如下：请帮我这样做

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>kandarpa</title>
</head>
<div>
<form action="img.php" method="get"><b>enter your text here:</b><br/>
<textarea id="text" name="text" style=" background-color:inherit" cols="50" rows="10"></textarea><br/><br/>

<input type="submit" value="Text to Image" name="submit">
    </div><br/>
<div>
    <tr>
        <td>Font Size</td>
        <td><select name="size">
        <option value="8">8</option>
        <option value="12">12</option>
        <option value="18">18</option>
        <option value="24">24</option>
        <option value="32" selected="selected">32</option>
        <option value="48">48</option>
        <option value="64">64</option>
        </select></td>

</tr>
    </div><br/>
<div>
    <td>Font </td>
<td><select name="font" id="font">
<option value="Fonts/arial.ttf">Arial</option>
<option value="Fonts/times.ttf">Times New Roman</option>
<option value="Fonts/tahoma.ttf">Tahoma</option>
<option value="Fonts/Grand Stylus.ttf">Grand Stylus</option>
<option value="Fonts/GARAIT.ttf">G</option>

</select></td>

</tr>

</div><br/>
<div>
    <td>Choose your Color </td>
<td><select name="color" id="color">
<option value="white">white</option>
<option value="black">black</option>
<option value="grey">grey</option>
<option value="red">red</option>

</select></td>

</tr>

</div>
    <br/>
    <div>
        <td>Height </td>

<input type="text" id="height" name="height">


</td><br/><br/>
    <td>Width</td>

<input type="text" id="width" name="width">
    </div>
</form>
</body>
</html>

Answer 1

使用JQuery，您可以使用.Serialize()函数直接使用AJAX提交表单。此函数可用于通过AJAX发布任何表单。

function (DetailsForm, SuccessCallBack)
{
    $.ajax({
        url: $(DetailsForm).attr("action"),
        type: "POST",
        contentType: "application/x-www-form-urlencoded",
        dataType: "json",
        data: $(DetailsForm).serialize(),
        beforeSend: function () { },
        success: SuccessCallBack,
        error: HandleError
    });
}

它采用<form action="??"中定义的url并使用它将表单发布到服务器。在服务器端，只需返回一个JSON结果，然后bob就是你的叔叔。

Answer 2

获取表单的值并将它们放在一个数组中然后使用json_encode（$ array）函数将数组转换为json并返回json。

提交表格并获得json回复

2 个答案: