PHP/Javascript:传递简单的字符串,定义要包含哪个部分
PHP/Javascript: Pass simple string defining which section to include
我的网站分为4个div:页眉,导航,内容,页脚。有6个内容部分:主页,下载,技能,实践,项目和关于。
在导航中,我有一个菜单,每个部分都有链接按钮。
编辑:我想知道如何或使用什么将数据从一个php文件传递到另一个php文件而不使用表单。
使用 jQuery,你可以这样做:
.HTML:
<ul class="nav">
<li><a href="javascript:void(0);" name="section-filename-here">Item</a></li>
<li><a href="javascript:void(0);" name="section-filename-here">Item</a></li>
<li><a href="javascript:void(0);" name="section-filename-here">Item</a></li>
<li><a href="javascript:void(0);" name="section-filename-here">Item</a></li>
<li><a href="javascript:void(0);" name="section-filename-here">Item</a></li>
<li><a href="javascript:void(0);" name="section-filename-here">Item</a></li>
</ul>
<div id="content"></div>
在你看到name="section-filename-here"的地方,只输入文件名而不输入.php扩展名,因为这可以在jQuery中添加,如下例所示
Javascript (jQuery/aJax):
$('ul.nav li a').click(function () {
var thisSection = $(this).attr('name');
$.ajax({
url: "/path-to-sections/"+thisSection+".php",
cache: false,
success: function (data) {
$('#content').html(data);
},
error: function () {
// only put something here if you want to show an error
}
});
});
相关文章:
- 选项中包含数据的自定义标记
- ASP.NET MVC - 未捕获的引用错误:即使我包含库,也不会定义jQuery
- 将 d3 演示中的圆圈和文本替换为包含自定义 HTML 和 ko 绑定的 foreignObject
- 更改ng包含或定义默认ui视图
- PHP/JQUERY定义包含的页面
- Angular2中列表组件的自定义模板(不包含ng内容的transclusion)
- 包含的javascript源代码通过PHP,onmousemove事件,函数未定义
- 如何使用自定义角度指令包含子元素
- 'io未定义'在客户端上.在HTML中包含socket.io脚本标记
- 这些事件处理程序中的哪一个应该在窗口关闭时触发自定义函数
- 如何选择包含已定义属性的嵌套对象
- 操作无法使用自定义控件上的呈现属性集,该控件包含操作按钮
- 'require未定义'在Meteor.js中,当包含NPM包时
- 定义一个在 javascript 中包含未知函数的函数
- JSON对象在控制台中显示对象,但也包含来自php脚本返回的字符串的“未定义”
- jquery 可拖动自定义包含
- 在 AMP 中包含自定义 JavaScript 的最佳方式
- 使用哪种方式在 JavaScript 中定义类
- 如何测试包含未定义元素的数组的相等性
- 如何定义包含区域的xml文件的字符编码语言