페이지를 새로 고치지 않고 버튼 클릭 시 PHP 스크립트 실행

Question

PHP와 JavaScript를 사용하는 데 문제가 있습니다.

Goal: .js 파일의 HTML 버튼에 대한 이벤트 리스너가 호출되면 페이지를 다시 로드하지 않고 .php 스크립트가 실행되어야 합니다.

예상 결과: 버튼을 클릭하면 PHP 스크립트가 실행됩니다. 제 경우에는 URL의 파일이 서버로 다운로드됩니다.

실제 결과: JavaScript 파일에서 PHP 스크립트를 호출하는 방법을 모르겠습니다.

AJAX를 사용해 보았으나 아무 효과가 없었습니다. 그리고 JQuery 라이브러리 참조를 어디에 넣어야 할지 모르겠습니다.

양식을 사용하여 입력 내용을 입력해 보았지만(type="submit") PHP 함수가 호출되면 페이지가 새로 고쳐지고 클라이언트 측에 표시되던 페이지의 모든 내용이 사라졌습니다.

HTML 버튼:

으아아아

JavaScript 이벤트 리스너(버튼과 이미지를 변수에 할당했습니다):

으아아아

PHP 스크립트:

으아아아

그래서 일반적으로 버튼을 클릭하면 다음을 수행하고 싶습니다.

1. PHP를 사용하여 URL에서 내 서버로 이미지를 다운로드하세요
2. JavaScript를 사용하여 서버의 이미지를 표시합니다(URL이 아니라 가능하다는 것을 알고 있지만 사용하려면 서버에서 가져와야 합니다)

@Abhishek의 답변을 시도한 결과 이제 내 PHP 파일에 문제가 있음을 발견했습니다. 항상 내부 서버 오류가 발생합니다. $path(URL)에서 내 서버(serverdirectorypath는 $image_url)로 이미지를 업로드하는 이 코드에서 버그를 찾으셨나요?

<button type="button" class="button" id="btnsubmit">Submit</button>
<img class="image" id="someimage">

Answer 1

추가 라이브러리가 필요하지 않습니다. 바닐라J를 사용하여 이 작업을 수행할 수 있습니다.
당신의 오해는 "Js로 PHP를 호출하고 반환 값을 얻는 방법"에서 비롯됩니다
여기에 예가 있습니다: https://www.w3schools.com/php/php_ajax_php.asp
PHP 스크립트를 호출할 수 있게 되면 목표의 70%를 달성한 것입니다

Answer 2

다음을 수행할 수 있습니다.

1. 예를 들어 페이지의 머리/하단에 jquery를 추가하세요

으아아아

2. jquery AJAX를 사용하고 아래와 같이 PHP 스크립트를 호출하세요

으아아아

3. PHP 스크립트 ex-test.php에서 다음 코드를 사용하여 게시 매개변수를 가져옵니다.

으아아아

그리고 하고 싶은 사업 운영을 해보세요.