使用Javascript/jQuery打开简单PHP文件
我的服务器上有一个PHP文件,它存储一个字符串my.username。网址是 我想使用一些jQuery/Javascript来读取这个文件并获取这个元素值 我试图把一些东西放在一起,但不知道如何用JS打开文件 按如下方式尝试ajax:使用Javascript/jQuery打开简单PHP文件,javascript,jquery,Javascript,Jquery,我的服务器上有一个PHP文件,它存储一个字符串my.username。网址是 我想使用一些jQuery/Javascript来读取这个文件并获取这个元素值 我试图把一些东西放在一起,但不知道如何用JS打开文件 按如下方式尝试ajax: $.ajax({ url:"your-phpfile.php", success:function(data) { //data 'll hold the output of the php file }
$.ajax({
url:"your-phpfile.php",
success:function(data)
{
//data 'll hold the output of the php file
}
})
在执行此操作之前,请记住包含jquery库。您可以使用AJAX像这样检索PHP文件
var template = null;
var req = new XMLHttpRequest();
req.open('GET', 'http://intranet/text.php', true);
req.onreadystatechange = function (data) {
if (req.readyState == 4) {
if(req.status == 200){
template = data.responseText;
var output = document.createElement('div');
output.innerHTML = template;
output.querySelector('#username').innerHTML = 'get replaced';
console.log(output.innerHTML);
}
else{
dump("An error occured");
}
}
};
req.send(null);
这段代码是纯JS的,因为我看到您没有使用JQuery您可以使用以下方法:
这将把删除的内容加载到旧文件中
工作原理:
位$'username'将选择页面中id为username的元素。
当您传递字符串时,load方法将尝试从远程位置加载HTML,并按空格分隔字符串。在内部,它将在URL上使用$.get
URL后面的用户名位将应用于获取的HTML。空间很重要
此代码使用!我已经用jQuery回答了,因为它是一个标记。尝试使用Ajax检索PHP页面的输出。@RomanHocke谢谢您。你有类似的例子吗?还是我应该用谷歌搜索一下这看起来不错:你知道这是否适用于内部网上的本地文件吗?我肯定它适用于内部网上的本地文件。但是你需要在PHP端启用CORS。我现在就试试-很快就会回来-谢谢你:我得到了错误测试。html:15未捕获的语法错误:意外的标记当然,我的错误,编辑完成,错过了我的{}谢谢。不幸的是,在这一行输出。querySelector'username'。innerHTML='get replacement';我仍然会遇到错误:无法将属性'innerHTML'设置为null-它是否没有正确读取文件?问题是您的querySelector为null如果我想在该页面上回显值,我该如何做?@michaelmcgurk这取决于您对回显值的含义。抱歉。我的意思是在同一页上显示用户名的值。只是为了确保它确实有效。我尝试了alertusername;但得到了一个未捕获的SyntaxError:无效或意外的令牌错误。该警报不起作用。该字符在此处是无效字符。你可以用很多方法做到这一点。我写的这封信是为了满足你在问题上表达的需求。我想我知道你的问题是什么。我不知道你的文件结构是怎样的,但是你可以用PHP只使用一个include。但是,我的jQuery需要修复。应该如下所示:$.get'http://intranet/text.php,functiondata{$data.appendTodocument.body;};。你能试试吗?
var template = null;
var req = new XMLHttpRequest();
req.open('GET', 'http://intranet/text.php', true);
req.onreadystatechange = function (data) {
if (req.readyState == 4) {
if(req.status == 200){
template = data.responseText;
var output = document.createElement('div');
output.innerHTML = template;
output.querySelector('#username').innerHTML = 'get replaced';
console.log(output.innerHTML);
}
else{
dump("An error occured");
}
}
};
req.send(null);
$('#username').load('http://intranet/text.php #username');