如何调用保存,删除和删除所有功能,HTML jquery ajax和php


how to invoke save, delete and delete all function, html jquery ajax and php

我目前正在写一个上传图像的html页面,一旦图像被上传,它会自动添加到使用ajax的上传部分下面,这样人们就可以开始编辑上传的图像。这是我的代码附加图像,图像描述,单选按钮和复选框

$('#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执行保存,删除和删除所有功能时,按钮被点击,谢谢!

我认为这取决于应用程序的工作方式。在RESTful应用程序中,可以调用它们,例如:

save: POST /things
delete: DELETE /things/1
在你的服务器上有一个控制器来执行你的请求。基本上,您必须记住的是将HTTP请求(AJAX)关联到控制数据库中操作的脚本。