整合前端和后端的最佳方法[关闭]答案

【问题标题】：Best way to integrate frontend and backend without ajax or api [closed]整合前端和后端的最佳方法[关闭]
【发布时间】：2018-12-29 12:52:07
【问题描述】：

我想在 Vue js 等前端框架中使用 php 变量。

前端和后端框架集成的最佳方式是什么？

这是我的想法，但我认为有更好的方法来做到这一点。

<script id = "data" >
    let $user = <?= json_encode($user) ?>
</script >
Some content... 

<script >
new Vue({
    data: {
        user: $user
    }, 

    mounted() {
        $("#data"). remove () 
    } 
})

【问题讨论】：

有什么理由不使用 Ajax 或 API？
@magnus 是的！简单
使用Ajax来获取你需要的数据，在你需要的时候仍然比在页面上输出所有数据以备不时之需要好得多。浏览器也可以通过这种方式更好地缓存页面。使用 jQuery（无论如何您似乎都在使用）执行 Ajax 请求只是多了几行代码，并不复杂。

标签： javascript php integration

【解决方案1】：

虽然“简单”很棒，但“功能”也很关键......

有时您可以使用您的编码类型（例如，将它用于加载页面所需的 PHP 文件中的某些内容），并且您所拥有的内容可能适用于这种特定情况（并且，不，我没有办法让它“更好”......），尽管大多数页面需要更多“流动”的数据，并且您将很快用完只能编写“简单”的项目'代码。

学习使用 ajax（一旦掌握了它就非常简单）并从您自己的“库”中复制/粘贴（将 sn-ps 保存在您记得的地方 - 您会找到很多想要保留的东西... - 我保留了一个 'functions.php' 文件，多年来它已经变得非常大，并且包含了很多很棒的部分。）

由于您已经在使用 jQuery，这里有一种 ajax 方法...（还有其他方法，再次学习并找到您喜欢的方式...）

var url = "https://theURLtoMyAjax.phpPage";
var elements = "theStuff=thatIwantToSend&someMore=somethingElse"; // this is like writing everything in the address bar - again, there are other ways...)
$.post(url, elements, function (data) {
        // do all kinds of wonderful things in here!
        // the 'data' is what is returned from your call, so you can use it to update data on the page, etc. 
    });

因此，如您所见，只需几行代码即可添加 Ajax 和大量您可以做的事情，所以学习它 - 并使用它！

编码愉快！

【讨论】：