Javascript 如何在脚本中附加php代码
当点击.button->append{HTML+PHP代码}时Javascript 如何在脚本中附加php代码,javascript,php,jquery,ajax,append,Javascript,Php,Jquery,Ajax,Append,当点击.button->append{HTML+PHP代码}时 <script> $(document).ready( function(){ $('.button').on( "click", function() { $('.ul').append('<li>'+ about 100 lines HTML + PHP codes+'</li>'); } }); </script> $(文档).ready(函数(
<script>
$(document).ready( function(){
$('.button').on( "click", function() {
$('.ul').append('<li>'+ about 100 lines HTML + PHP codes+'</li>');
}
});
</script>
$(文档).ready(函数(){
$('.button')。打开(“单击”,函数(){
$('.ul').append(''+大约100行HTML+PHP代码+' ');
}
});
/*当点击这个按钮时,做一些事情*/
<button class="button">button</button>
按钮
/*将()附加到这个ul标记中*/
<ul>
</ul>
像这样的
jQuery(document).ready( function() {
var count = 0;
var button = jQuery('.add-module');
var sample = jQuery('.sample-page-builder');
var geturi = '<?php echo get_template_directory_uri(); ?>';
var category = '<?php foreach ( $terms as $term ){ echo '<option value="'. $term->slug .'">'. $term->name .'</option>'; } ?>';
button.live( 'click', function() {
sample.append('<li class="apanel"><div class="apanel-head"><?php _e( 'Module Title', 'sample' ); ?></div><div class="apanel-body"><div class="apanel-content"><label for="sample_page_builder['+ count +'][title]" class="apanel-label"><?php _e( 'Module Title', 'sample' ); ?></label><input type="text" id="sample_page_builder['+ count +'][title]" name="sample_page_builder['+ count +'][title]" value="" size="150"></div><div class="apanel-content"><label for="meta-radio-1" class="apanel-label"><?php _e( 'Module Layout', 'sample' ); ?></label><ul class="radio-images"><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-1" value="" /><img src="'+ geturi +'/assets/img/module-1.png" alt="Layout 1"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-2" value="" /><img src="'+ geturi +'/assets/img/module-2.png" alt="Layout 2"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-3" value="" /><img src="'+ geturi +'/assets/img/module-3.png" alt="Layout 3"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-4" value="" /><img src="'+ geturi +'/assets/img/module-4.png" alt="Layout 4"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-5" value="" /><img src="'+ geturi +'/assets/img/module-5.png" alt="Layout 5"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-6" value="" /><img src="'+ geturi +'/assets/img/module-6.png" alt="Layout 6"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-7" value="" /><img src="'+ geturi +'/assets/img/module-7.png" alt="Layout 7"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-8" value="" /><img src="'+ geturi +'/assets/img/module-8.png" alt="Layout 8"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-9" value="" /><img src="'+ geturi +'/assets/img/module-9.png" alt="Layout 9"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-10" value="" /><img src="'+ geturi +'/assets/img/module-10.png" alt="Layout 10"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-11" value="" /><img src="'+ geturi +'/assets/img/module-11.png" alt="Layout 11"></label></li><li><input type="radio" name="sample_page_builder['+ count +'][layout]" id="meta-radio-12" value="" /><img src="'+ geturi +'/assets/img/module-12.png" alt="Layout 12"></label></li></ul></div><div class="apanel-content"><label for="sample_page_builder['+ count +'][number]" class="apanel-label"><?php _e( 'Max Number of Post', 'sample' ); ?></label><input type="text" id="sample_page_builder['+ count +'][number]" name="sample_page_builder['+ count +'][number]" value=""></div><div class="apanel-content"><label for="sample_page_builder['+ count +'][offset]" class="apanel-label"><?php _e( 'Posts Offset', 'sample' ); ?></label><input type="text" id="sample_page_builder['+ count +'][offset]" name="sample_page_builder['+ count +'][offset]" value=""></div><div class="apanel-content"><label for="sample_page_builder['+ count +'][order]" class="apanel-label"><?php _e( 'Order Posts by', 'sample' ); ?></label><select name="sample_page_builder['+ count +'][order]" id="sample_page_builder['+ count +'][order]"><option value="date">Order by Date</option><option value="title">Order by Title</option><option value="rand">Random Order</option><option value="comment_count">Number of Comments</option></select></div><div class="apanel-content"><label for="sample_page_builder['+ count +'][category]" class="apanel-label"><?php _e( 'Filter by Category', 'sample' ); ?></label><select name="sample_page_builder['+ count +'][category]" id="sample_page_builder['+ count +'][category]">'+ category +'</select></div><input id="sample_page_builder['+ count +'][id]" name="sample_page_builder['+ count +'][id]" value="" type="hidden" /></div></li>');
count++;
});
});
jQuery(文档).ready(函数(){
var计数=0;
var button=jQuery('.addmodule');
var sample=jQuery('.sample页面生成器');
var geturi='';
var类别=“”;
按钮。活动('单击',函数(){
示例。附加(“按日期排序按标题排序和评论编号“+category+”
);
计数++;
});
});
点击按钮时添加php+html代码的真正方法是什么??
这是如何使用jQueryAjax的(在脚本标记/文件中使用php数组)??
如何使用json(从其他文件获取php代码)??
我应该做什么来避免spageti代码?
谢谢!您不能在JavaScript中附加PHP代码。PHP是一种服务器端语言,因此需要在服务器上执行,而JavaSript则在客户端(在用户的浏览器中)执行
因此,如果附加PHP代码,最终用户将只能看到源代码。您可以这样做
$(function(){
$(".button").on("click",function(){
$('.ul').append('<li>'+ "<h1>HTML CODE </h1>" + '<?php $array = ["array1", "array2"]; echo("PHP CODE - " . $array[0] ); ?>' + '</li>');
});
});
$(函数(){
$(“.button”)。在(“单击”,函数(){
$('.ul').append(''+'HTML代码'+'+' ');
});
});
*
按钮
我应该怎么做?用ajax或json做其他方法?我需要在php文件的脚本标记中使用一些php函数和变量。您可以使用ajax调用在服务器上执行php脚本。可以通过这种方式将数据从JS发送到php,也可以使用php脚本将一些数据发送回JS。我可以在sa中使用我的代码吗mple.php文件?是不是错了?还是spageti代码?sample.php文件中我的脚本标记和js代码,以及sample.php文件中我的php函数和append函数中的变量是否正确?我想你会在这里找到答案:我想这就是你问题的答案:@LironElimeleh yep,谢谢!我写的代码和你一样,运行正常,b但我需要更好的方式来运行我的代码。可以在.js文件中运行我的代码吗?并获取php函数和变量吗?因为我需要以干净的代码而不是spagetti来完成我的工作,如果我像您这样运行我的代码,这不是spageti代码还是不干净(脏代码)?这是标准工作吗?谢谢
<button class="button">button</button>
<ul class = "ul"></ul>