更新し、ページを更新しないで更新された値を取得する

Question

ユーザー名、メールアドレス、姓名を更新するプロフィールページがあります。更新された値を更新して、同じ形式で表示したいと思います。あなたのAjaxの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のコードの下に使用しますが、送信した後どのように私は更新された値を取得することができますです以下のような配列：

：あなたの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の部分で、これは単なるexample.youであるあなたのHTML要素にこのよう

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

を追加するには、HTMLコードは、独自のID、名前と値attribute.Iで変更することができ、これは便利だと思いますそれ以外はyoyurのHTMLコードを共有してください

Answer 4

の後にの後にこれを2行追加してください。フォームを開始する前に

$("#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にロードします。データが正常に読み込まれた場合は、ページを更新して更新すると、更新された値が表示されます。

注：私はすでに私のプロジェクトにこの事を使用しています。それはうまくいきます。