페이지를 새로 고침하지 않고 업데이트 된 값을 업데이트하고 검색합니다.

Question

사용자 이름, 이메일, 이름 및 성을 업데이트하는 프로필 페이지가 있습니다. 새로 고치지 않고 동일한 형식으로 업데이트 된 값을 업데이트하고 표시하고 싶습니다. 아약스 URL 페이지 반환에서

: 성공

$(document).ready(function() { 
    $("#send").submit(function() { 
     var formData = new FormData($(this)[0]); 
     $.ajax({ 
      url: 'http://localhost/form/index.php/mail/send', 
      type: 'POST', 
      data: formData, 
      async: false, 
      success: function(data) { 
       if (data == 'true') { 
        alert("success"); 
       } else { 
        alert("error!"); 
       } 
      }, 
      error: function(data){ 
       alert("Something went wrong!"); 
      }, 
     }); 
     return false; 
    }); 

Answer 1

이 같은 몇 가지 일을 시도

내가 데이터를 업데이트하는 jQuery 코드 아래를 사용하지만 제출 후 어떻게 내가 업데이트 된 값을 검색 할 수있다 같은 배열 :

,691 : 당신의 JS 코드에서

$response['errCode'] = 0; 
$response['content'] = // your updated content 

echo json_encode($response); 

당신은 같은 응답을 얻을 것이다

var data = JSON.parse(response); 

if(data['errCode'] == 0) 
{ 
    // update content 
} 

Answer 2

데이터베이스를 성공적으로 업데이트 한 경우 데이터베이스에서 아무것도 검색 할 필요가 없습니다. 데이터베이스에서 성공적으로 업데이트되면 true 또는 false를 Ajax 성공 지점으로 반환합니다. true를 반환하면 jquery $("#email").val('abc@abc.com');을 사용하여 사용자 이름, 전자 메일, 이름 및 성을 텍스트 상자에 설정하십시오.

.val()이 방법

GET $("#txtEmail").val()

SET $("#txtEmail").val("something")

Answer 3

success: function(data) { 
      if (data == 'true') { 
//place here return true; and remove this alert statement. 
} 

후 jQuery 코드에

return true; 

문을주십시오있다

하고 HTML 부분에, 당신의 HTML 요소에 다음과 같이 추가는

<input name="name" id="name" value="<?php echo set_value('name'); ?>" class=" field_style-2" type="text" maxlength="20" required/> 

이 자신의 아이디, 이름과 값 attribute.I와 html 코드를 변경할 수있는 example.you이이 도움이 단지입니다 . 그렇지 않으면 yoyur html 코드를 공유하십시오.

Answer 4

if(data == 'true') { 뒤에 두 줄을 추가하십시오.

$("#div_id").html(''); 
$("#div_id").html(data); 

지금 세 가지,
1. div 태그 이전에 양식을 시작 추가 할. 그리고 양식 태그를 닫은 후에 div 태그를 닫습니다. div id 지정 #div_id
2. 전체 양식 코드를 복사하고 Update SQL 아래에 붙여 넣습니다.
if(data == 'true')을 if(data != '')으로 변경하십시오.

논리 -

JQuery와이 업데이트에 대한 URL을 데이터베이스에 접속됩니다 사용. 그런 다음 jquery 게시물의 응답으로 양식을로드합니다. 먼저 $div_id을 비우려면 해당 div ID에 응답 데이터를로드하십시오. 그리고 데이터가 성공적으로로드 된 다음 페이지를 새로 고치면 업데이트 된 값이 표시됩니다.

참고 : 나는 이미이 프로젝트를 내 프로젝트에 사용하고 있습니다. 그리고 잘 작동합니다.