我们需要创建一个 HTML 页面,并在页面中添加一个表单和一个用于显示文章结果的区域。表单用于提交文章内容,显示区域用于显示生成的文章。
```hmlu003c!DOCTYPE hmlu003eu003chmlu003eu003cheadu003e u003cileu003eGeerae Aricleu003c/ileu003e u003cscrip src=googleapis.com/ajax/libs/jquery/3.5.1/jquery.mi.jsdocume).ready(fucio() { $('#submi-b').click(fucio() { var aricle = $('#aricle-ipu').val(); $.ajax({ url: '/geerae_aricle', ype: 'POST', daa: { aricle: aricle }, success: fucio(respose) { $('#aricle-resul').hml(respose.aricle); }, error: fucio(xhr, saus, error) { cosole.log(error); } }); }); }); u003c/scripu003eu003c/headu003eu003cbodyu003e u003ch1u003eGeerae Aricleu003c/h1u003e u003cformu003e u003clabel for===。当用户点击 请求。请求的 URL 为 `/geerae_aricle`,表示将由服务器根据提交的文章内容生成一篇文章。在请求的 `daa` 字段中,我们将文章内容传递给服务器。
当服务器成功处理请求并返回响应时,JavaScrip 代码会使用 `respose` 对象中的数据更新页面上的显示区域。在本例中,我们将响应中的文章内容插入到 `#aricle-resul` 元素中。如果发生错误,则会在控制台中打印错误信息。