使用 AJAX 在 js 文件中添加 PHP 后端代码

Posted

技术标签:

【中文标题】使用 AJAX 在 js 文件中添加 PHP 后端代码【英文标题】:Using AJAX to add PHP backend code in js file 【发布时间】:2022-01-01 22:39:23 【问题描述】:

目前我有一个 php 文件和一个 .js 文件。在我的 PHP 文件中,我有一个名为 wrapper_tab-content 的 div 类。现在,我的 js 文件中存在此代码,该文件显示以下代码:

$(document).ready(function() 
    portalarray = new Array();
    $('input.checkbox').change(function()
        portalname = $(this).attr('data-name'); pid= $(this).attr('id');
        
        if ($(this).is(':checked')) 
            portalarray.push(pid);
            $(".wrapper_tab-content").append('<div class="portalcontent content--active" id="'+pid+'"><div class="col-md-12 text-left">
            <label class="control-labels ">Title</label><input id="'+pid+'" name="'+portalname+'" placeholder="'+portalname+' Title" type="text"></div></div>');
        else 
            $(".portaltabs .container--tabs li#"+pid).remove();
            $(".wrapper_tab-content #"+pid).remove();
            tabslength = $(".wrapper_tab-content").length;
        
    );
);

现在我必须在我假设需要进行 AJAX 调用的 .js 文件中使用 &lt;?php get_portals[0]['property_title'] ?&gt; 来在 value 属性中输入属性标题?

【问题讨论】:

【参考方案1】:

为您解决问题 javascript 是客户端,PHP 是服务器端。

您正在做的是将 PHP 值添加到 Javascript 中。有几种方法可以做到这一点。大多数程序员使用事件作为服务器端可以在页面的生命周期内更新

最常见的是通过 Ajax 发布和获取请求,但您也可以通过事件获取数据

<script type='text/javascript'>

document.body.onclick(function()
    var Variable = <?php echo(json_encode($Variable)); ?>;
;

</script>

【讨论】:

好的,所以我在我的 View 类中发布以下代码?

以上是关于使用 AJAX 在 js 文件中添加 PHP 后端代码的主要内容,如果未能解决你的问题,请参考以下文章

用eclipse开发前端页面html+js,并与php开发的后端进行交换,请教如何在eclipse上配置环境及服务器

如何在 laravel js 文件中添加 ajax URL?

关于php后端与js前端交互问题

Node.js 使用 AJAX 将数据发送到后端

如何在当前页面用php 获取js 变量的值

js canvas压缩图片和jQuery ajax上传图片简单demo