淺析ajax請求json數據並用js解析 [轉]

阿新 • • 發佈：2017-05-08

set gif .ajax -1 pen 技術分享 hide asc spa

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function 
 () {
            $("#btnget").click(function () {
                $.ajax({
                    type: "post",        //type：(string)請求方式，POST或GET        
                    dataType: "json",    //dataType：(string)預期返回的數據類型。xml,html,json,text等
                    url: "data.ashx",  //url：(string)發送請求的地址，可以是服務器頁面也可以是WebService動作。 

                    success: function (msg) {
                        var str = "";
                        for (i in msg) {
                            str += "<tr><td>" + msg[i].id + "</td><td>" + msg[i].name + "</td><td>"
                            + msg[i].cla + "</td><td>" + msg[i].sex + "</td><td>" + msg[i].tel + "</td></tr>";
                        }
                        $( 
"tbody").append(str);
                    }
                     error: function(){
                        alert("error");
                    }
                });
            });
        });

    </script>
</head>
<body>
    <table>
        <thead>
            <tr>
                <td>學號</td>
                <td>姓名</td>
                <td>班別</td>
                <td>性別</td>
                <td>電話</td>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
    <input id="btnget" type="button" value="加載數據" />
</body>
</html>

前臺代碼

string data = "[{\"id\":\"2010324268\",\"name\":\"林宇\",\"cla\":\"10軟件\",\"sex\":\"男\",\"tel\":\"13800138000\"},{\"id\":\"2010324256\",\"name\":\"李四\",\"cla\":\"10網絡\",\"sex\":\"女\",\"tel\":\"10010\"},{\"id\":\"2010324264\",\"name\":\"張三\",\"cla\":\"10軟件\",\"sex\":\"男\",\"tel\":\"10086\"}]";
context.Response.Write(data);

服務器端返回json數據

淺析ajax請求json數據並用js解析 [轉]

set gif .ajax -1 pen 技術分享 hide asc spa <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

簡單AJAX請求JSon數據

異步處理 xmlhttp enc public color span left exp lis Ajax 全名為Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。它是一種在無需重新加載整個網頁的情況下，能夠更新部分

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

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

Ajax（form表單文件上傳、請求頭之contentType、Ajax傳遞json數據）

ati 沒有服務端內容 click 寫入 ESS mit 上傳 form表單文件上傳上菜 file_put.html <form action="" method="post" enctype="multipart/form-data"> {#

Django & JavaScript 用Ajax實現JSON數據的請求和響應

UNC else admin ros cat nbsp ejs -c var 【描述】 1.Server端定義了兩個字段：Article.title 和 Article.content 2.客戶端用JavaScript Ajax異步加載請求服務器的JSON數據效果是點擊按

Ajax使用JSON數據格式

val ntb tracking reat 它的 () rac -s popu 1： ?JSON（JavaScriptObject Notation）一種簡單的數據格式，比xml更輕巧。JSON是JavaScript原生格式，這意味著

jQuery插件：Ajax將Json數據自動綁定到Form表單

觸發事件表單 form表單 col switch 常用語 tex 類型 parse jQuery註冊方法的兩種常用方式： //jQuery靜態方法註冊 //調用方法$.a1() $.extend({ a1: function () { conso

Struts2中通過Ajax傳遞json數據

conf status port fault catch struts-2 execute 3.6 轉換 1、導入Struts2所需要的jar包下載Struts2的jar包時，可以下載struts-2.5.13-min-lib.zip，然後放到項目的/WebConten

httpclient 請求 json 數據

params post方式 info ket post 5.5 void 提示 div 基於\httpcomponents-client-4.5.5需要引入相關jar包如下：必須導入commons-logging-1.2.jar，否則會提示 json api接口地址

用ajax傳JSON數據

json using doc clas 摘要 .post har from form /// <reference path="jquery-1.10.2.js" />$(function () { $("#btnLogin").click(functio

遠程請求json數據，list中顯示

err static == sage arr near findview stack set public class MainActivity extends Activity { protected static final int WHAT_REQUES

AJAX請求提交數據

進制最大的 version token getname 等待簡單性能 t對象 1,AJAX準備知識:JSON JSON指的是JavaScript對象表示方法(JavaScript Object Notation) JSON是輕量級的文本數據交換格式 JSON獨立於語言

ajax同步異步設置導致的問題及return返回值（返回ajax請求的數據）

() log inf 應該頁面數據 spa mha soft add 一、ajax同步異步設置導致父子頁面數據更新不一致問題。　　1、在修復入宿退宿功能時，發現點擊退宿、入宿按鈕時。父頁面數據更新了但是子頁面數據要重新打開才能更新。如下圖：　　　　　　　　因為

mysql5.7新特性JSON數據類型解析

family rate fec efault idt ora 似的 create flow 廢話不多說，直接上實例。一、json結構創建測試表CREATE TABLE `article` ( `id` int(11) unsigned NOT NULL AUTO_INC

JS中將ajax請求返回json數據動態生成表格顯示在div中

等待 query 客戶端 versions 包含 index 方法 func 數據 1、頁面內容 <div style="width:900px;height:400px;" id="tableInfo"></div> 2、js內容 $.aja

AJAX 跨域請求 - JSONP獲取JSON數據

tel -name 跨域訪問服務器 utf pen domain nbsp XML 1、什麽是JSONP？　　JSONP(JSON with Padding)是一個非官方的協議，它允許在服務器端集成Script tags返回至客戶端，通過javascript callb

js源碼模仿 jquery的ajax的獲取數據（get，post ）的請求封裝

{} req turn eva syn 動作取字符串 func ring function ajax(obj){ // 默認參數 var defaults = { type : ‘get‘, data : {}, url : ‘#‘, dataType : ‘text‘,

ajax請求與json數據處理

[ ] data 引入 img mil scrip get 總結 url 一，ajax使用配置　　1）使用ajax之前先引入jquery 　　<script type="text/javascript" src="js/jquery-1.8.2.js"><

一個ajax請求，接收json數據

blog cati ces 一個 color span .ajax con response <a id="inviterDel" onclick="delInviter(${item.inviterAddId})">刪除</a> fun

ajax請求接收後臺json數據格式

com 上下數據處理方式 lan ava 下載地址方便相互 1.準備一個jsp頁面該處有一個較為重要的點（var obj = eval(‘(backDate)‘);）這是將字符串格式轉化為json數據對象註：我傳輸的是json數組格式

淺析ajax請求json數據並用js解析 [轉]

相關推薦