ページを更新せずにボタンをクリックすると PHP スクリプトを実行します

Question

PHP と JavaScript の使用に問題があります。

目標: .js ファイル内の HTML ボタンのイベント リスナーが呼び出されたときに、ページを リロードせずに .php スクリプトを実行する必要があります。

期待される結果: ボタンをクリックすると、PHP スクリプトが実行されます。私の場合、URL からのファイルがサーバーにダウンロードされます。

実際の結果: JavaScript ファイルから PHP スクリプトを呼び出す方法がわかりません。

AJAX を使用してみましたが、何も機能しませんでした。また、JQuery ライブラリの参照をどこに配置すればよいかわかりません。

また、フォームを使用してそこに入力 (type="submit") を入力しようとしましたが、PHP 関数が呼び出されるとページが更新され、ページ上のクライアント側と表示されている内容がすべて消えてしまいます。

HTML ボタン:

リーリー

JavaScript イベント リスナー (ボタンと画像を変数に割り当てました):

リーリー

PHP スクリプト:

リーリー

したがって、通常、ボタンがクリックされたときに次のことを実行します:

1. PHP を使用して URL からサーバーに画像をダウンロードします
2. JavaScript を使用した HTML 画像での表示 サーバーからの画像 (URL からではなく、それが可能であることはわかっていますが、私の用途ではサーバーから取得する必要があります)

@Abhishekの回答を試したところ、問題は私のphpファイルにあることがわかりました。常に内部サーバーエラーが発生します。 $path (URL) からサーバー (serverdirectorypath は $image_url) に画像をアップロードするこのコードにエラーはありますか:

ああああ

Answer 1

他のライブラリは必要ありません。vanillaJs を使用してこれを実現できます。
あなたの誤解は「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 で、次のコードを使用して post パラメータを取得します。

リーリー

そして、あなたがやりたい業務を実行してください。