JSON.parse(data); 使用及 json陣列的輸出

阿新 • • 發佈：2018-11-03

資料遍歷 JSON.parse(data);

後臺返回的資料格式:

[{"ygbz":"\u5f20\u71d5","user_name":"123321"},{"ygbz":"\u738b\u971e123","user_name":"jhd6244"}]


<body>
    <header id="header">
        <div class="header_l header_return"> <a class="ico_10" href="" > 返回 </a> </div>
        <h1 
> 授權物件  </h1>
    </header>

        <div class="search_box">
            <div class="box_bac" style="">
                <!-- 用於點選檢索 -->
                <div id="btn" title="查詢" style="width:31px;height: 30px;background-color:none;float: left;"></div>

                <input 
 type="text" name="" id="tell" style="background:none; margin-left:-5px;" placeholder="輸入員工名字搜尋">
            </div>
        </div>
    <!-- 檢索框結束 -->

    <!-- 主題部分開始 -->
    <div id="desc_box">
        {foreach from=$data item=fo}
            <div></div>
            <a 
 href="phone_system.php?act=adminAuth&id={$fo.user_id}&num={$num}" >
            <div class="desc" id="desc" >
                <ul class="desc_ul" id="desc_ul" >
                    <div style="display: inline-block; width: 80%; overflow: hidden;">
                        <li style="" id="name">{$fo.ygbz}</li>
                        <li style="color:#999;" id="comments">賬號:{$fo.user_name}</li>
                    </div>
                    <div style="width:6%;line-height: 60px;float: right;margin-top:-3px;color:#999;">
                        >
                    </div>
                </ul>
            </div>
            </a>
        {/foreach}
    </div>
    <!-- 主題部分結束 -->


</body>

<script style="text/javascript">  
     $(function () {
        /********************檢索框開始*******************************/
        $('#btn').click(function(){
            // alert('111');
            $.ajax({

                type:'post',
                url:'erp_authAllot.php',
                async: false,
                // tell 是檢索框的內容
                data:{act:'index',info:$('#tell').val()},
                success:function(data){

                    var data = JSON.parse(data);

                    console.log(data);
                    $('#desc_box div:gt(0)').remove();
                    var s = '';
                    $.each(data,function(index,obj){

                        s += '<div style="width: 100%;min-height:60px; background-color: #fff;border-bottom:1px solid #c8c8c8;">' 
                                + '<ul style="margin-left:5%; font-size: 16px; padding: 5px;">'
                                    + '<li>' + obj.ygbz + '</li>' 
                                    + '<li style="color:#999;">' + obj.user_name + '</li>' 
                                + '</ul>' 
                          + '</div>';
                    })

                    $('#desc_box div').append(s);

                }

            })

        });

        // 鍵盤事件
        onkeypress=function(event){
            if(event.keyCode == 13){
                $('#btn').click();
            }
        }; 

        // 失焦事件
        $("#tell").blur(function (){
            $('#btn').click();
        });

    });
</script>
</html>

JSON.parse(data); 使用及 json陣列的輸出

資料遍歷 JSON.parse(data); 後臺返回的資料格式: [{"ygbz":"\u5f20\u71d5","user_name":"123321"},{"ygbz":"\u738b\u971e123","user_name":"jhd6244"}] <body&

JSON.parse(str) 和 JSON.stringify(json)

spa code imm 對象解析 ole sep itl ren dimm parse用於從一個字符串中解析出json對象,如 var str = ‘{"name":"huangxiaojian","age":"23"}‘ 結果： JSON.parse(str) age

JavaScript -- JSON.parse 函式和 JSON.stringify 函式

JavaScript -- JSON.parse 函式和 JSON.stringify 函式 1. JSON.parse 函式: 使用 JSON.parse 可將 JSON 字串轉換成物件。 <!doctype html> <html> <head> &l

Js中JSON.stringify()與JSON.parse()與eval()詳解及使用案例

div 網絡 blog 處理 ive asc 還要 ava 不同 JSON(JavaScript Object Notation)是一種輕量級的數據交換格式。因為采用獨立於語言的文本格式，也使用了類似於C語言家族的習慣，擁有了這些特性使使JSON稱為理想的數據交換語言，作用

C++ 使用jsoncpp 封裝及解析 json字串（包含複雜陣列）

#include <json/json.h> #include <string> #include <iostream> using namespace std; int main() { //std::string strValue = "{\"na

JSON.stringify() 與 JSON.parse() 的用法及使用原因

轉化用法 JSON.stringify() 作用：序列化物件，也就是把物件轉換為字串 var data= { name:'xiaoming' } JSON.stringify(data) 結果是字串： '{"name":"xiaoming"}'

三十二、cookie資料、JSON及JSON.parse()方法

一、JS中cookie資料 1.cookie：用於儲存web頁面的使用者資訊。 cookie是一些資料，儲存於電腦上的文字檔案中，當web伺服器向瀏覽器傳送web頁面時，在連線關閉後，服務端不會記錄使用者的資訊。 2.作用：解決“如何記錄客戶端的使用者資訊”： &nb

qs.parse()、qs.stringify()、JSON.stringify() 用法及區別

qs是一個npm倉庫所管理的包，可通過npm install qs命令進行安裝。 qs.stringify()將物件序列化成URL的形式，以&進行拼接。 qs.parse()將URL解析成物件的形式。 JSON.stringi

js 二維陣列新增json資料及js陣列與json字串

JSON（JavaScript Object Notation ）是一種輕量級的資料交換格式，採用完全獨立於語言的文字格式，JSON是JavaScript原生資料格式。下面給大家介紹js陣列新增json資料的兩種方式。 // 第一種方式 ? 1 2

使用 AJAX 及 JSON 列印陣列，下拉列表資訊

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <h

Form表單自動轉JSON物件、及解決AJAX呼叫時JSON物件陣列成員key被修改問題

範培忠 2018-05-11　　本文講解如何定義一個通用方法實現form表單內容自動打包成JSON物件用於AJAX提交，以及當form表單有checkbox時，該JSON物件會擁有一個成員陣列提交到後臺後會被“篡改”的問題（key name會被自動加一箇中括號[]），JSON

call JSON.parse JSON.stringify typeof 的使用及嚴格模式this的使用

測試 googl his htm eof form har action () <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>測

JSON.parse()和eval()的區別

如果字符串擔心並且 spa 區別 color 操作插入 JSON.parse()之可以解析json格式的數據，並且會對要解析的字符串進行格式檢查，如果格式不正確則不進行解析，而eval()則可以解析任何字符串，eval是不安全的。比如下面的字符串： var

JSON.parse與eval的區別

org 過濾 ocs lsp 方式 .com 為什麽解析數字 JSON.parse與eval和能將一個字符串解析成一個JSON對象，但還是有挺大區別。測試代碼 var A = "{ a: 1 , b : ‘hello‘ }"; var B = "{ ‘a‘: 1

JSON.parse(jsonStr)和eval('('+jsonStr+')')

解析 alert 藍色判斷什麽代碼修改初始推薦我們先初始化一個json格式的對象：　　var jsonDate = ‘{ "name":"周星馳","age":23 }‘ 　　var jsonObj = eval( ‘(‘ + jsonDate + ‘)‘

JSON.parse()和JSON.stringify()

結果 console str ted pro att name 字符串 tor parse用於從一個字符串中解析出json對象,如 var str = ‘{"name":"huangxiaojian","age":"23"}‘ 結果： JSON.parse(str)

JS推斷是否為JSON對象及是否存在某字段

fad tar lines mar pop ava npr tex case $.ajax({ type: ‘POST‘, url: url, success(function(data){ //推斷是否為JSON

擴展方法對json序列化及反序列化

runt mes get int esp () exceptio new ask this+類型名+變量名，.NET 3.0 之後新增的一種特性，叫“擴展方法”。 int類型變量都能調用toString()方法，將int類型變量轉換成string

ajax獲取json數據及實現跨域請求

cgi size 域名 3.2 方便 nap 不清楚 anti dex 最近想練習一下ajax獲取json數據 , 首先上網找一些在線的可用來測試的接口. -----------------------------------------------------這裏是接口分

JSON.stringify(),JSON.parse(),toJSON()方法使用

ber str 對象 on() 序列應用對象轉json 操作 object JSON.stringify():將value(Object,Array,String,Number...)序列化為JSON字符串 JSON.parse():將JSON數據解析為js原生值 to

JSON.parse(data); 使用 及 json陣列的輸出

相關推薦

JSON.parse(data); 使用及 json陣列的輸出