在没有 ajax 或 api 的情况下集成前端和后端的最佳方式

Question

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

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

这是我的想法，但我认为有更好的方法。

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

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

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

Answer 1

虽然 'simplicity' 很精彩，但 'functionality' 也很关键...

有时您可以使用自己的编码类型（例如，将其用于加载页面所需的 PHP 文件中的某些内容），并且您所拥有的可能适用于这种特殊情况（而且，不，我看不出任何方法可以做到这一点 "better"...），尽管大多数页面将需要更多 'fluid' 的数据，并且您很快就会运行在你只能编写 'simple' 代码的项目中。

学习使用 ajax（一旦你掌握了它就非常简单）和 copy/paste 来自你自己的 'library'（将片段保存在你记得的地方 - 你会发现很多你想保留的东西... - 我保留了一个 '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 并且您可以在完成后做很多事情，所以学习它并使用它！

编码愉快！

在没有 ajax 或 api 的情况下集成前端和后端的最佳方式

Best way to integrate frontend and backend without ajax or api

javascript

php

integration