ajax訪問服務器返回json格式

本文轉載自查看原文 2016-12-09 17:04 1616 ajax

使用ajax訪問服務器返回多條數據,比如返回一個表中的所有數據，頁面該如何處理呢?如何獲取數據呢？一直不會用ajax返回json格式，今天研究了下，分享給大家~

首先需要引用服務，點擊項目右鍵，添加引用

創建一般處理程序 CityHandler_json.ashx，添加引用using Newtonsoft.Json;

<%@ WebHandler Language="C#" Class="CityHandler_json" %>

using System;
using System.Web;
using Newtonsoft.Json;//添加引用
public class CityHandler_json : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";


        string sql = "select * from city ";
        System.Data.DataTable dt = SqlHelper.ExecuteTable(sql);
        if (dt != null && dt.Rows.Count > 0)
        {
            string Json = JsonConvert.SerializeObject(dt);//序列化為json格式
            context.Response.Write(Json);
           
        }
       
        context.Response.End();
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

}

后台返回json代碼

前台獲取

 <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $.ajax({
                type: "post",
                url: "CityHandler_json.ashx",
                success: function (data) {
                    // alert(data);
                    var json = eval(data);//數組
                    $.each(json, function (index, item) {
                    //循環獲取數據
                        var name = json[index].jc;
                        var id = json[index].cityID;
                        $("#cityInfo").html($("#cityInfo").html() + "<tr><td>" + name + "</td><td>" + id + "</td></tr>");
                    });
                }

            });

        });
    </script>

前台ajax方法

html頁面

<body>
    
    <form id="form1" runat="server">
    <div id="text">
    <table border="1px;" id="cityInfo">
    </table>
    </div>
    </form>
</body>

頁面html

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Mui.ajax請求服務器正確返回json數據格式 Jquery DataTable AJAX跨域請求的解決方法及SSM框架下服務器端返回JSON格式數據的解決方法 Ajax---向服務器端傳遞JSON格式的請求參數服務器返回json格式集合，客戶端js解析服務器采用JSON格式返回數據給安卓客戶端 js進階ajax讀取json數據（ajax讀取json和讀取普通文本，和獲取服務器返回數據（鏈接）都是一樣的，在url處放上json文件的地址即可） AJAX請求狀態和服務器返回狀態詳解總是出現 “AJAX服務器返回錯誤！” mui.ajax與服務器(SpringMVC)傳輸json數據 ajax post json到服務器的小細節