jquery ajax執行個體之ajax json資料的無重新整理非同步傳輸

來源:互聯網
上載者:User

在自己的一個後台cms中,想在同一個頁面用彈出遮罩層的方式來修改會員資訊

擷取UserID是個很大的問題

最後同事給的建議用$.ajax

 代碼如下 複製代碼

    $('p.editInfo>a').bind('click',function(){
                   $('#edit_uid').val($(this).attr("uid"));
                   //alert($(this).attr("uid"));
                   var uid= $(this).attr("uid");
                   //alert(vote_content);
                   $.ajax({
                       type: 'get',
                       dataType: 'json',
                       url: 'user_edit.php',
                       data: 'uid='+ uid,
                       success:function(json){
                           $('#username').val(json.username); ////賦值給相對應的josn值
                           $('#mid_1').val(json.mid);
                           $('#new_password').val(json.password);
                           $('#uid_edit').val(json.uid);
                       },
                       error:function(){}
                   });
               });
           });


用來接收的user_edit.php 就是正常的php sql語句
用到了json_encode函數(參考php-json_encode)

 代碼如下 複製代碼

    $uid = $_GET['uid'];
       $query_admin_1 = $db->find("表 where uid= '$uid' ");
       $row_admin_1 = $db->fetch_array($query_admin_1);
       $userinfo = json_encode($row_admin_1);
    echo $userinfo;


得到的$userinfo 為json資料存放區格式

接收json資料的為標準的html表單

 代碼如下 複製代碼

       <div class="txt-fld">
              <label for="">使用者名稱稱</label>
              <input id="username" class="good_input" name="username" type="text" />
              </div>
             <div class="txt-fld">
            <label for="">使用者密碼/label>
           <input id="new_password" name="new_password" type="password"   />
      </div>

注意一點,其實ajax操作部份與其它的區別不大,只是在dataType: 'json'就可以了,然後我們再以json.mid這種形式訪問內容,其實就像數組$a['a']這種形式了,json是一個返回的數組,mid是我們返回的id了。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.