方法：PHP Ajaxページの更新

-1

私は入力フィールドとデータベースから単語を追加/削除する2つのボタンがあります。私は3つのPHPファイルを使用しています。 HTMLコードを出力するメインファイル、単語を追加できるaddtag.php、単語を削除できるremovetag.phpファイル。方法：PHP Ajaxページの更新

プラスをクリックしたときにaddtag.phpを呼び出し、入力フィールドの内容を送信したいとします。マイナス記号をクリックすると、removetag.phpが呼び出されます。

addtag.phpとremovetag.phpはバックグラウンドで実行する必要があり、ページは<tagboxtxt>のみを更新する必要があります。

以下の要素は、同じページに複数回リストされています。異なるリンクと値がありますが、要素は同じです。

<!-- language-all: lang-html --> 
<bdiv> 
<div> 
<a href="001.mp4"><img src="001.jpg" /></a> 
</div> 
<tagbox> 
<form> 
<input type="text" id="tag" name="tag"> 
<input type="hidden" id="hash" name="hash" value="23547"> 
<button class="button" type="submit" formaction="addtag.php" method="GET">+</button> 
<button class="button" type="submit" formaction="removetag.php">-</button> 
</form> 
<tagboxtxt>foo bar</tagboxtxt> 
</tagbox> 
</bdiv> 

<bdiv> 
<div> 
<a href="002.mp4"><img src="002.jpg" /></a> 
</div> 
<tagbox> 
<form> 
<input type="text" id="tag" name="tag"> 
<input type="hidden" id="hash" name="hash" value="67889"> 
<button class="button" type="submit" formaction="addtag.php" method="GET">+</button> 
<button class="button" type="submit" formaction="removetag.php">-</button> 
</form> 
<tagboxtxt>bla huh</tagboxtxt> 
</tagbox> 
</bdiv>

私は、アヤックスが行く方法だと知っていますが、私はそれを働かせることはできません。

私は以下の機能を使用しようとしました。私の例でそれをどのように使うべきですか？

function addtag() { 
     $.ajax({ 
     url:"addtag.php", 
     type: "POST", 
     success:function(result){ 
     alert(result); 
     } 
    }); 
}

出典

2017-06-13 MikeSkril

必要なものを達成する必要があり、この

$(document).ready(function() { $("#plus").click(function() { $.ajax({ type: "POST", url: "addtag.php", dataType: "json", data: ({word: $("#tag").val(),}), success:function(result){ alert(result); } }); }); $("#minus").click(function() { $.ajax({ type: "POST", url: "removetag.php", dataType: "json", data: ({word: $("#tag").val(),}), success:function(result){ alert(result); } }); }); });

ようになっているはずという名前のjsファイルには、あなたはすでにAJAX要求を送信するために試したコードを投稿してくださいことはできますか？ – StuntHacks

@StuntHacks私が使ったことを追加しました。私はそれでいくつかのテストを行ったが、私はいくつかのスキルが不足していると思う。 – MikeSkril

何が問題なのですか？アラートには何が書かれていますか？ – StuntHacks

-1

「プラス」ボタンのクリックをキャプチャし、あなたのajax機能を呼び出すjavascriptが不足しています。あなたの関数の下に、このjavascriptsnippetを貼り付けてみてください。

//Execute on page ready 
$(function() { 
    $('body').on('click', '.plusSign', function() { 
     addTag(); 
    }); 
});

出典

2017-06-13 19:02:27 Oli

-1

私は、JSファイルを呼び出すと、それは2つの追加と削除のPHPファイルを参照する必要があります - 私が最初にHTMLを出力し、メインファイルにあなたのためにこれを嘲笑していますこれを置く

<head> 
    <script type='text/javascript'></script> 
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.10.0.min.js"></script> 
    <script type="text/javascript" src="tag.js"></script> 
</head> 

<tagbox> 
    <input type="text" name="tag"> 
    <div class="cssCircle plusSign" id="plus">&#43; </div> 
    <div class="cssCircle minusSign" id="minus" style="position:absolute; top:20px; left:25px;">&#8211;</div> 

</tagbox>

これで、jsファイルを呼び出してajaxを実行することができます。 tag.jsが、これはあなたが

出典

2017-06-13 20:00:42 ForgivenIT

ありがとう！私は私の質問を更新しました。これは私が探しているものをより良く説明するはずです。 – MikeSkril

方法：PHP Ajaxページの更新

答えて

関連する問題