Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript/jQuery打开简单PHP文件_Javascript_Jquery - Fatal编程技术网

使用Javascript/jQuery打开简单PHP文件

使用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 }

我的服务器上有一个PHP文件,它存储一个字符串my.username。网址是

我想使用一些jQuery/Javascript来读取这个文件并获取这个元素值

我试图把一些东西放在一起,但不知道如何用JS打开文件

按如下方式尝试ajax:

$.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');