JavaScript的包括文件的onclick(javascript include file at

2019-09-20 16:17发布

有没有一种方法,包括在JavaScript的一些PHP文件onClick

喜欢,

if(isset(something)) ?
include "file.php";

请帮忙!

Answer 1:

号这是PHP语法。 PHP执行完全在服务器上,并将结果发送回客户端。 点击是在客户端。 JavaScript的处理这些。 你不能将两者搅和。

您可以使用AJAX来向服务器请求一个文件,然后使用JS显示其内容,但。 jQuery有一个简单的方法被称为.ajax()

$.ajax({
  url: 'file.php',
  success: function(data) {
    $('#result').html(data);
    alert('Load was performed.');
  }
});

此方法将加载的内容file.php并表明在与该ID的元素result

另一种选择是提交表单。 你把文件的名称在一个隐藏的表单字段的onclick,提交表单。 PHP获取信息和您读取文件的名称$_GET[]$_POST[]请确保它是有效的(不希望有人能够修改你的HTML,包括您的服务器上的任何文件),然后包括它并再次渲染页面。



Answer 2:

你可以简单地使用jQuery的load功能:

$("#elem").click(function()
{
    $("#placeToLoad").load("http://path/to/file");
}

@sachleen他的方式是一样的,因为这,只是load只是抓住该文件并把它在给定的位置,而不必应付成功的功能等,如果load没有成功,也不会做任何事情。

jQuery的.load()



Answer 3:

你可以不包括PHP文件,因为它无法在客户端执行服务器端代码。

但是,你可以actualy做的是使用AJAX调用file.php并执行其内容比结果追加到您的文档。



Answer 4:

当您使用jQuery的load()方法的文件的请求时,它发送数据就像通过浏览器的任何常规的请求。 它拥有的任何现有的PHP变量的,除非你通过他们与你的数据AJAX请求一起毫不知情。

function sendAJAX(){
$('#container').load(
"stuff.php",  // url
{ // json object of data to pass to the page
    stuff: "all your stuff goes in here...",
    moreStuff:  "even more stuff"
});
console.log('sendAJAX'); 

};



文章来源: javascript include file at onclick