使用 jQuery 发布新闻答案

【问题标题】：Using jQuery to publish news使用 jQuery 发布新闻
【发布时间】：2017-01-22 18:11:56
【问题描述】：

我正在尝试更加熟悉 jQuery，并且打算让自己成为一个管理面板，在那里我可以将新闻和正在进行的项目发布到我的首页。

所以我的问题是我该怎么做？

我在 Index.php 中有一个新闻 div，名为：<div class="latest_news"></div>

然后我用 jQuery 做这个：

$(document).ready(function() {

    $('#button').click(function() {
        var toAdd = $('input[name=publishNews]').val();   
        $(".latest_news").append('<div class="item">' + toAdd + '</div>')
    });  
});

这是要发布新闻的 jQuery。

我的表格是：

<form name="publishNewsForm">
        <input type="text" name="publishNews">
        <div id="button">Add!</div>
    </form>

如果我在表单所在的 publish_news.php 页面上放置一个 div 并将其命名为 .latest_news，则此方法有效但当我尝试在 index.php 文件上发布它时不会。

任何更熟悉 jQuery 的人都可以为我指明正确的方向，告诉我如何让这个工作从页面中的表单发布：publish_news.php 到 index.php 中的 div。

谢谢。

【问题讨论】：

标签： jquery html forms append

【解决方案1】：

jQuery 只是一个 JavaScript 库，JavaScript 不处理数据库，除非您使用 node.js 作为后端。在 PHP 或 node.js 或 java 或纯 HTML 生成页面后，您可以使用 jQuery 操作 DOM 元素，但您需要一些服务器端编程语言来查询数据库。

【讨论】：