contenteditable 셀 변경시 ajax가 실행되지 않음

로라 모리스

편집 할 때 ajax를 통해 데이터베이스의 테이블을 업데이트해야하는 contenteditable 테이블이 있지만 값을 변경할 때 데이터베이스에는 아무 일도 일어나지 않습니다.

<div id="activities2" class="activities2">  <?
            $q2a="SELECT activityid, activitynumber, title, description, leaders, time FROM activities where activities.meetingid='$id' AND activities.unitid='$input2'";
            $r2a=mysqli_query($dbc,$q2a) or die(mysqli_error($dbc));
            echo "<table class='layouttable'><tr><td>ActivityNumber</td><td>Title</td><td>Description</td><td>Leaders</td><td>Time</td><td>Edit</td>";
            while($row2a   
            =mysqli_fetch_assoc($r2a))  
            {
                echo "
                <tr>
                <td contenteditable='true' id='activitynumber:"  . $row2a['activityid'] .  "'>"  . $row2a['activitynumber'] .  "</td>
                <td contenteditable='true' id='title:"  . $row2a['activityid'] .  "'>" . $row2a['title'] . " </td>
                <td contenteditable='true' id='description:"  . $row2a['activityid'] .  "'>" . $row2a['description'] . " </td>
                <td contenteditable='true' id='leaders:"  . $row2a['activityid'] .  "'>" . $row2a['leaders'] . " </td>
                <td contenteditable='true' id='time:"  . $row2a['activityid'] .  "'>" . $row2a['time'] . " </td>
                </tr>.
                ";
            }
        echo"</table>"; ?><br><Br></div>

ajax 용 자바 스크립트는 다음과 같습니다.

<script name = 'inlineedit'>
$(document).ready(function(){
   $("td[contenteditable=true]").blur(function(){
       var msg = $(".alert");
       var newvalue = $(this).text();
       var field = $(this).attr("id");
       $.post("activityupdate.php",field+"="+newvalue,function(d){
           var data = JSON.parse(d);
           msg.removeClass("hide");
            if(data.status == '200'){
                msg.addClass("alert-success").removeClass("alert-danger");
            }else{
                msg.addClass("alert-danger").removeClass("alert-success");
            }
           msg.text(data.response);
           setTimeout(function(){msg.addClass("hide");},3000);//It will add hide class after 3 seconds
       });
   });
});
</script>

그리고 편집을 수행하는 php 파일은 다음과 같습니다.

<?
$response = NULL;
$status = http_response_code(406);
if(!empty($_POST)){
    include "connect_db.php"; //Including Database Settings
    foreach($_POST as $key=>$value){
        $key = strip_tags(trim($key));
        $value = strip_tags(trim($value));
        $explode = explode(":",$key);
        $activity_id = $explode[1];
        $field_name = $explode[0];
        if(isset($activity_id)){
            $query = "UPDATE activities SET $field_name='{$value}' WHERE activityid='$activity_id'";
            $update = mysqli_query($dbc,$query) or die(mysqli_error($dbc)); //Update the activity Table
            if($update){
                $response = "User Details Updated";
                http_response_code(200); //Setting HTTP Code to 200 i.e OK
            }else{
                $response = "Not Modified";
                http_response_code(304); //Setting HTTP Code to 304 i.e Not Modified
            }
        }else{
            $response = "Not Acceptable";
        }
    }
}
echo json_encode(array(
    "status"=>$status,
    "response"=>$response
));
?>
akr

코드에서 약간의 변경이 필요합니다.

  1. contenteditable = 'true'를 설정하는 대신 class = 'editable'을 사용하십시오.
  2. js에서는 흐림 대신 변경시 사용하십시오.

    $("td.editable").on ("change",function(){....

    이것은 편집 가능한 필드의 모든 변경에 대해 ajax를 실행합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

선택 변경시 Ajax 호출이 실행되지 않음

분류에서Dev

셀 값이 변경되면 VBA가 실행되지 않습니다.

분류에서Dev

반응 : 경로 변경시 디스패치가 실행되지 않음

분류에서Dev

ajax 실행 후 jQuery 변수가 업데이트되지 않음

분류에서Dev

제출시 Ajax가 실행되지 않음

분류에서Dev

contenteditable .execCommand ()가 실행되지 않습니까?

분류에서Dev

컬렉션보기 셀의 크기가 변경되지 않음

분류에서Dev

폴더 구조 변경시 리더 보드 예제가 실행되지 않음

분류에서Dev

Angular-선택 변경시 ng-change가 실행되지 않음

분류에서Dev

HTMLDropDownListFor 값을 변경할 때 Javascript가 실행되지 않음

분류에서Dev

svnlook 변경 -t "$ rev" "$ repos"가 실행되지 않음

분류에서Dev

오류시 DataGridView 셀 색상이 변경되지 않음

분류에서Dev

Ajax 코드가 실행되지 않음

분류에서Dev

Ajax 코드가 실행되지 않음

분류에서Dev

Contenteditable + JQuery가 작동하지 않음

분류에서Dev

SQL 쿼리가 성공적으로 실행되지만 변경되지 않음

분류에서Dev

Angular ngchange가 <pre contenteditable = "true">에 대해 실행되지 않습니다.

분류에서Dev

CellEndEdit의 DataGridView에서 포커스가 다음 셀로 설정된 경우 버튼 클릭이 실행되지 않음

분류에서Dev

RESTKit : NSFetchResultsController가 처음 실행시 업데이트되지 않음

분류에서Dev

뷰가 변경 될 때까지 Firebase 함수가 실행되지 않음

분류에서Dev

xaml의 wpf 이미지가 실행시 표시되지 않음

분류에서Dev

대상 셀이 참조 셀 값으로 채워지면 Excel VBA Sub가 실행되지 않음

분류에서Dev

Ajax 게시 후 작업이 실행되지 않음

분류에서Dev

HTHELP 단추에서 Windows 메시지가 실행되지 않음

분류에서Dev

PDO 성공 메시지가 실행되지 않음

분류에서Dev

Wordpress Bootstrap 캐로 셀 이미지가 표시되지 않음

분류에서Dev

URL에 공백이있는 경우 클릭 가능한 링크로 html 테이블 셀 콘텐츠가 실행되지 않음

분류에서Dev

네트워크 연결 변경에 대해 BroadcastReceiver가 실행되지 않음

분류에서Dev

네트워크 연결 변경에 대해 BroadcastReceiver가 실행되지 않음

Related 관련 기사

  1. 1

    선택 변경시 Ajax 호출이 실행되지 않음

  2. 2

    셀 값이 변경되면 VBA가 실행되지 않습니다.

  3. 3

    반응 : 경로 변경시 디스패치가 실행되지 않음

  4. 4

    ajax 실행 후 jQuery 변수가 업데이트되지 않음

  5. 5

    제출시 Ajax가 실행되지 않음

  6. 6

    contenteditable .execCommand ()가 실행되지 않습니까?

  7. 7

    컬렉션보기 셀의 크기가 변경되지 않음

  8. 8

    폴더 구조 변경시 리더 보드 예제가 실행되지 않음

  9. 9

    Angular-선택 변경시 ng-change가 실행되지 않음

  10. 10

    HTMLDropDownListFor 값을 변경할 때 Javascript가 실행되지 않음

  11. 11

    svnlook 변경 -t "$ rev" "$ repos"가 실행되지 않음

  12. 12

    오류시 DataGridView 셀 색상이 변경되지 않음

  13. 13

    Ajax 코드가 실행되지 않음

  14. 14

    Ajax 코드가 실행되지 않음

  15. 15

    Contenteditable + JQuery가 작동하지 않음

  16. 16

    SQL 쿼리가 성공적으로 실행되지만 변경되지 않음

  17. 17

    Angular ngchange가 <pre contenteditable = "true">에 대해 실행되지 않습니다.

  18. 18

    CellEndEdit의 DataGridView에서 포커스가 다음 셀로 설정된 경우 버튼 클릭이 실행되지 않음

  19. 19

    RESTKit : NSFetchResultsController가 처음 실행시 업데이트되지 않음

  20. 20

    뷰가 변경 될 때까지 Firebase 함수가 실행되지 않음

  21. 21

    xaml의 wpf 이미지가 실행시 표시되지 않음

  22. 22

    대상 셀이 참조 셀 값으로 채워지면 Excel VBA Sub가 실행되지 않음

  23. 23

    Ajax 게시 후 작업이 실행되지 않음

  24. 24

    HTHELP 단추에서 Windows 메시지가 실행되지 않음

  25. 25

    PDO 성공 메시지가 실행되지 않음

  26. 26

    Wordpress Bootstrap 캐로 셀 이미지가 표시되지 않음

  27. 27

    URL에 공백이있는 경우 클릭 가능한 링크로 html 테이블 셀 콘텐츠가 실행되지 않음

  28. 28

    네트워크 연결 변경에 대해 BroadcastReceiver가 실행되지 않음

  29. 29

    네트워크 연결 변경에 대해 BroadcastReceiver가 실행되지 않음

뜨겁다태그

보관