2011-09-14 3 views
0

私は現在画像をアップロードするHTMLページを作成しています。画像がアップロードされると自動的にajaxを使ってアップロードセクションの下に追加されます。アップロードした画像の編集を開始します。ここすべての関数を保存、削除、削除する方法、html jquery ajax、php

を画像、画像の説明、ラジオボタンを追加し、ボックスをチェックし
$('#thumbnails').append('<div id="imagediv' + str_idnum + '" style="border: 0px solid #aaa;text-align:left;padding:20px;"><div><img src="' + response + '" style="padding:10px; margin-right:20px; border-bottom: 2px solid #ccc;border-left: 2px solid #ccc;border-top: 2px solid #ddd; border-right: 2px solid #ddd;" id="imageid' + str_idnum + '" align="left"/></div><div class="descriptionwrapper" style="border: 0px solid #aaa;"><textarea cols="40" rows="3" id="textarea' + str_idnum + '" onClick="SelectAll(\'textarea' + str_idnum + '\')" align="left" style="resize:none;">Optional description goes here...</textarea><br /><input type="checkbox" style="margin-top:-20px" name="delete" value="Delete" id="delete' + str_idnum + '"/>Delete<br /><input type="radio" name="setcoverpic" value="setcoverpic" id="setcoverpic' + str_idnum + '"/>Make this the front cover of set<br /><br /></div></div><br /><br /><br />'); 

のための私のコードは、ここでは、保存、削除、すべての削除を実行するためにすべてのボタンのコード、機能

<div id="buttonbardiv"> 
    <div class="fancybuttonwrapper" style="margin-left:100px;"><span class="button"> <span> 
    <input type="button" class="form_button" id="checkall" value=" Check all"></span> </span> </div> 
があるさ
<div class="fancybuttonwrapper" style="margin-left:316px; "><span class="button"><span> 
     <input type="button" class="form_button" id="deletecheckedbutton" value=" Delete Checked Items"></span></span> </div> 
     <div class="fancybuttonwrapper" style="margin-left:500px;"><span class="button"><span> 
     <input type="button" class="form_button" id="finisheduploadingbutton" value=" Save and Exit"> 
     </span></span> </div> 
     <div class="fancybuttonwrapper" style="margin-left:460px;"><span class="button"><span> 
     <input type="button" class="form_button" id="gobackbutton" value=" Go Back"> 
     </span></span> </div> 
    </div>  

     <div class="images" id="thumbnails"> 
    </div> 

私の質問は、私がする場合、ボタン、保存、削除および削除のすべての機能を実行するために、AJAXを呼び出すかということですありがとう!

答えて

0

あなたのアプリケーションの仕方によって異なると思います。 RESTfulアプリケーションでは、次のように呼び出します。

save: POST /things 
delete: DELETE /things/1 

そして、要求を実行するコントローラをサーバーに用意します。基本的には、データベース内のアクションを制御するスクリプトにHTTPリクエスト(AJAX)を関連付けることです。

関連する問題