无需ajax或api即可集成前端和后端的最佳方法

时间:2018-07-21 11:28:14

标签: javascript php integration

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

集成前端和后端框架的最佳方法是什么?

这是我的主意,但我认为有更好的方法可以做到这一点。

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

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

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

1 个答案:

答案 0 :(得分:1)

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

有时候,您可以使用自己的编码类型(例如,将其用于载入页面所需的PHP文件中的某些操作),并且在这种情况下您可以使用它(并且,不,我看不到有什么办法可以使它“更好” ...),尽管大多数页面将需要更多“流畅”的数据,并且您很快就会用完只能编写“简单”数据的项目的代码。

学习使用ajax(一旦掌握了它就很简单)并从自己的“库”中复制/粘贴(将代码段保存在您记得的地方-您会发现许多想要保留的内容。) 。-我保留了一个“ functions.php”文件,多年来,它以很大的n个片段变得非常大。)

由于您已经在使用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,并且可以做很多事情,因此请学习并使用它!

编码愉快!