在 jQuery 中追加外部 PHP 文件

Question

我指的是已回答的问题 here。

尝试将外部 PHP 文件附加到 jQuery 并尝试 load。

$(".chatbox").load("./one.php");

这给了我输出；

Your success message!

然而，令人担忧的是，这会删除正文中的所有 HTML，并且不会真正 'append' 成功消息。

我尝试了以下方法。

$(".chatbox").append("./one.php");

只打印这个！

./one.php

我是不是遗漏了什么？

Answer 1

.load() 从服务器加载数据并将 returned HTML 放入匹配的元素中。但是你需要使用 $.ajax() or $.get() 获取数据并将其 return 放入回调函数中。

$.get("./one.php", function(data) {
   $(".chatbox").append(data);
});

Answer 2

如果您尝试加载的页面由于某种原因而失败，您还需要处理错误块以通知您有关该问题的信息。这是一种更全面的方法。我在这里调用了一个 wiki 页面，但你会知道，所有 php 页面实际上都被 PHP 引擎解释为有效 html :)

$.ajaxPrefilter( function (options) {
  if (options.crossDomain && jQuery.support.cors) {
    var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
    options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
  }
});


$.ajax({
  type: "GET",
  url: "https://en.wikipedia.org/wiki/PHP",
  data: { },
  success: function(data){
    $('#demo').html(data);
  },
  error: function(XMLHttpRequest, textStatus, errorThrown) {
    $('#demo').html("Status: " + textStatus + "<br/>Error: " + errorThrown);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="demo"></div>

在 jQuery 中追加外部 PHP 文件

Appending external PHP file in jQuery

javascript

php

jquery

jquery-load