javascript — добавление внешнего файла PHP в jQuery

Question

javascript — добавление внешнего файла PHP в jQuery

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

Попытка добавить внешний файл PHP в JQuery и попытался load,

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

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

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

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

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

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

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

./one.php

Я что-то здесь упускаю?

1

javascript jquery jquery-load php

Решение

Другие решения

в случае, если по какой-либо причине страница, которую вы пытаетесь загрузить, не работает, вам также нужно обработать блок ошибок, чтобы сообщить вам о проблеме. Вот более полный способ сделать это. Здесь я назвал вики-страницу, но вы будете знать, что все 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>

0

Источник

Accepted Answer

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

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

1