Добавление внешнего PHP-файла в jQuery

Question

Я имею в виду ответ на вопрос здесь .

Попытка добавить внешний файл PHP в jQuery и попытка load.

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

Этодает мне вывод;

Ваше сообщение об успехе!

Однако проблема заключается в том, что это удаляет весь HTML в теле и на самом деле 'append' сообщение об успехе.

Вместо этого я попробовал следующее.

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

, который просто печатает это!

. / One.php

AmЯ что-то здесь упустил?

Answer 1

в случае, если по какой-либо причине сбрасывается страница, которую вы пытаетесь загрузить, вам также необходимо обработать блок ошибок, чтобы сообщить вам о проблеме.Вот более полный способ сделать это.Здесь я назвал вики-страницу, но вы будете знать, что все php-страницы на самом деле интерпретируются PHP как движок:)

$.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>

Answer 2

.load() загружает данные с сервера и помещает возвращенный HTML-код в соответствующий элемент.Но вам нужно использовать $.ajax() или $.get(), которые получают данные и возвращают их в функцию обратного вызова.

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